Cocoonカスタマイズ集 トップへ戻るボタンにスクロール量を表示する方法
「トップへ戻るボタンにスクロール量を表示する方法」を解説。Cocoon設定とCSS・JavaScriptを使ってスクロール量を表示する方法に加え、SVGで円形に表示する方法や、animation-timelineを使ってCSSのみで表示する方法、対応ブラウザの注意点を分かりやすく紹介します。
2025-02
Cocoonカスタマイズ集 
Cocoonカスタマイズ集 「タイムライン」ブロックを折りたたみ表示する方法
「タイムラインブロックを折りたたみ表示にする方法」を解説。1番目の項目だけを初期表示し、項目をクリックすると内容を展開、他の項目を自動的に閉じる仕組みに変更する方法を分かりやすく紹介します。
Cocoonカスタマイズ集 「カテゴリー」ウィジェットの子カテゴリーを折りたたみ表示する方法
「カテゴリーウィジェットの子カテゴリーを折りたたむ方法」を解説。子カテゴリーを初期状態で非表示にし、追加したボタンで表示・非表示を切り替える仕組みや、開閉状態に応じてアイコンを変更する設定を分かりやすく紹介します。
Cocoonカスタマイズ集 「アーカイブ」ウィジェットを年単位で折りたたみ表示する方法
「アーカイブウィジェットを年単位で折りたたむ方法」を解説。年月単位で表示される投稿アーカイブを年ごとにまとめ、年をクリックすると対象の月を展開する仕組みや、開閉状態に応じたアイコン表示、Safariへの対応方法を分かりやすく紹介します。
Cocoonカスタマイズ集 ページ送りナビに予約投稿や下書き記事を表示する方法
「WordPressで予約投稿・下書きをページ送りに表示する方法」を解説。ログインユーザーに限り前後の投稿へ予約投稿や下書き記事を含め、ステータスに応じてタイトルの色を変更する方法や、一覧ページにも表示する設定を分かりやすく紹介します。
Cocoonカスタマイズ集 「ギャラリー」ブロックを自動スクロールさせ表示する方法
「Cocoonのギャラリーブロックを自動スライダー化する方法」を解説。Cocoonに組み込まれたSlick.jsを利用し、ギャラリーブロックにCSSクラスを設定して無限ループで横スクロールさせる方法や、画像サイズの取得に関する対策を分かりやすく紹介します。