</>CodingLSコーディングライフスタイル

GutenbergのBlock APIを使ってオリジナルのカスタムブロックをゼロから作成する方法を解説します。@wordpress/create-blockでのひな型生成から、block.json・edit.js・save.js・index.jsの正しい構成、現行のapiVersion・カテゴリー指定もあわせて紹介します。

WordPressの管理画面にadd_menu_page()を使って独自の設定ページを追加する方法を解説します。Settings APIによる設定値の保存・読み込み、サニタイズの重要性、保存完了メッセージの正しい表示方法もあわせて紹介します。

WordPressをヘッドレスCMSとして活用するための第一歩として、REST APIを使った外部アプリとの連携方法を解説します。標準エンドポイントの使い方、認証方法、カスタムエンドポイントの追加、公開アクセス範囲のセキュリティ上の注意点もあわせて紹介します。

WordPressのWP_Queryでmeta_query・tax_queryを使い、AND・OR・NOTを組み合わせた複雑な条件検索を実装する方法を解説します。relationキーの使い分けや、meta_queryとtax_queryの併用パターンもあわせて紹介します。

WordPressで特定の記事にだけバナーや共通コンテンツを表示する方法を解説します。投稿ID・スラッグ・カスタムフィールド・カテゴリーによる条件分岐の使い分けと、複数の手法を組み合わせる際の注意点もあわせて紹介します。

WordPressのカスタム投稿タイプのアーカイブページを、menu_orderやカスタムフィールドを使って任意の順序に並び替える方法を解説します。メタキー未設定の投稿がアーカイブから消えてしまう典型的な落とし穴と、名前付きmeta_queryクラスを使った正しい回避方法もあわせて紹介します。

WordPressの検索・絞り込みクエリを高速化するための、meta_queryとtax_queryの使い分け、インデックス設計、トランジェントキャッシュの活用方法を解説します。OR条件を分割する際に起こりがちな集合演算の誤りにも注意しながら実装例を紹介します。

WordPressで特定の投稿タイプだけ本文エディターを無効化する方法を解説します。register_post_type()のsupports指定やremove_post_type_support()での完全な無効化と、Gutenberg／クラシックエディタの切り替えとの違いもあわせて紹介します。

WordPressで画像のLazy Load（遅延読み込み）を実装する方法を解説します。WordPress 5.5以降の標準対応の仕組みと、5.9以降でファーストビュー画像が自動的に除外される仕組み、Lazy Loadが効かない場合のチェックポイントもあわせて紹介します。

WordPressでregister_sidebar()と条件分岐タグを使い、ページの種類ごとにサイドバーウィジェットを出し分ける方法を解説します。特定ページやカスタム投稿タイプごとの出し分け、if/elseifの分岐順序で起こりがちな落とし穴もあわせて紹介します。

WordPressにアップロードした画像を自動でWebP形式に変換し、サイトを軽量化する方法を解説します。リサイズ済みの各サイズもWebP化する完全な実装方法と、WordPress 5.8以降の公式フィルターimage_editor_output_formatを使ったよりシンプルな方法もあわせて紹介します。