2025-05

「CocoonのRSSにOGP画像を表示する方法」を解説。rssショートコードで表示する他サイトの記事からog:imageを取得し、サムネイルとして表示する方法や、画像をキャッシュする仕組み、RSSの日付や本文表示に関する注意点、ブログカードで表示する方法を分かりやすく紹介します。

「Cocoonの通知エリアをカテゴリーごとに変更する方法」を解説。カテゴリーIDに応じて通知メッセージと通知URLを切り替え、カテゴリーごとに異なる誘導リンクを表示する方法や、Cocoon設定の通知機能を活用して表示内容を管理する仕組みを分かりやすく紹介します。

「Cocoonのパンくずリストをページの上下に配置する方法」を解説。Cocoon設定では1か所のみとなるパンくずリストを、PHPで親テーマの判定関数を上書きしてページ上部と下部の両方に表示する方法や、投稿・固定ページごとの設定に対応する仕組みを分かりやすく紹介します。

「Cocoonに新着情報をスクロール表示する方法」を解説。通知メッセージとは別に新着記事を3件取得し、投稿日と投稿タイトルを切り替えながら表示する方法や、CSSアニメーションでタイトルを横方向へスクロールさせる仕組み、表示件数やデザインを調整するポイントを分かりやすく紹介します。

「Cocoonで左右にサイドバーを表示する3カラムレイアウトを作る方法」を解説。独自の左サイドバーを追加してウィジェットを配置し、通常は2カラム、画面幅が狭い場合は左サイドバーを非表示にして2カラムへ切り替える方法や、レスポンシブ対応の仕組みを分かりやすく紹介します。