Cocoonカスタマイズ集 縦長画像のアイキャッチの左右余白を埋めて表示する方法
「縦長のアイキャッチ画像にぼかした背景を表示する方法」を解説。アイキャッチ画像の表示比率を統一し、左右に生じる余白へ元画像をぼかして重ねる方法や、投稿ごとに設定を切り替える仕組み、画像として合成して表示する方法を分かりやすく紹介します。
2025-05
Cocoonカスタマイズ集 
Cocoonカスタマイズ集 エディター「更新日の変更」の初期表示を変更する方法
「Cocoonの投稿更新日を自動で消去する方法」を解説。投稿編集画面の「更新日を消去」を初期選択に変更し、軽微な修正で更新日が変更されるのを防ぐ方法や、update_levelに保存される設定値、Cocoonの更新日管理を効率化する仕組みを分かりやすく紹介します。
Cocoonカスタマイズ集 「画像」ブロックに画像の拡大効果を自動で設定する方法
「Cocoonの画像に拡大効果用のリンクを自動追加する方法」を解説。Cocoon設定で画像の拡大効果を有効にした際、「画像」ブロックへメディアファイルへのリンクを自動で追加する方法や、既存のリンク・WordPress標準のライトボックスが設定されている場合の扱い、ギャラリーブロックでの注意点を分かりやすく紹介します。
Cocoonカスタマイズ集 フロントページを自動で固定ページに設定する方法
「WordPressのホームページを固定ページに自動設定する方法」を解説。「ホームページの表示」を固定ページに設定し、指定した固定ページをフロントページや投稿一覧ページへ自動で割り当てる方法、投稿一覧のURLに任意のスラッグを設定する方法、アーカイブタイトルを削除する方法を分かりやすく紹介します。
Cocoonカスタマイズ集 「詳細」ブロックを「アコーディオン（トグル）」ブロック風にし1つだけ開き他を閉じる方法
「WordPressの詳細ブロックでアコーディオンやタイムラインを作る方法」を解説。WordPress 6.8から利用できるname属性を活用して詳細ブロックをグループ化し、1つだけ開くアコーディオン風の表示や、折りたたみ可能なタイムライン風のUIをCSSで実現する方法を分かりやすく紹介します。
Cocoonカスタマイズ集 プラグインなしで変更前・変更後の画像を切り替え表示する方法
「WordPressで変更前後の画像を表示する方法」を解説。プラグインを使わず、ショートコードに変更前と変更後の画像IDを指定して画像を重ねて表示し、スライダーで表示範囲を切り替える仕組みや、Before・Afterを見やすく表示する方法を分かりやすく紹介します。