メッセージ

2025-06

Cocoonカスタマイズ集

「テーブル」ブロックの1列目のセル幅を文字幅に合わせ、文字の両端も揃える方法

「Gutenbergのテーブルでセル幅を文字幅に合わせる方法」を解説。テーブルブロックの1列目にCSSを設定し、セル幅を文字列の長さに応じて自動調整する方法や、改行を防ぐwhite-space、文字を両端揃えにするtext-align-lastを使って見やすく整えるポイントを分かりやすく紹介します。
Cocoonカスタマイズ集

プラグインなしでCSSだけでポップアップ表示を追加する方法

「WordPressでポップアップを表示する方法」を解説。プラグインを使わず、Popover APIとショートコードを利用してボタンクリックでポップアップを表示する方法や、パターンをポップアップの内容として呼び出す仕組み、CSSで表示を整える方法を分かりやすく紹介します。
Cocoonカスタマイズ集

特定のカテゴリーに属する子カテゴリーを表示する方法

「WordPressで子カテゴリーを表示する方法」を解説。ショートコードでカテゴリーIDを指定する方法や、カテゴリーページでカテゴリーIDを自動取得する方法、投稿数の表示、リスト形式・ドロップダウン形式の切り替え、「ナビゲーションメニュー」ウィジェットを利用する方法との違いを分かりやすく紹介します。
Cocoonカスタマイズ集

プラグインなしでウィジェットの表示制御する方法

「WordPressでウィジェットの表示条件を追加する方法」を解説。プラグインを使わず、投稿・固定ページやカテゴリー・タグ、カスタム投稿ページ、投稿ID・タームIDなどの条件に応じてウィジェットの表示・非表示を切り替える仕組みや、管理画面で条件を設定する方法を分かりやすく紹介します。
Cocoonカスタマイズ集

特定のカテゴリーに属する投稿をドロプッダウンで表示する方法

「特定のカテゴリーに属する投稿をドロップダウンで表示する方法」を解説。ショートコードでカテゴリーIDを指定する方法や、カテゴリーページでカテゴリーIDを自動取得する方法、投稿タイトルの一覧表示、選択した投稿への移動、現在の記事を選択状態にする方法を分かりやすく紹介します。
Cocoonカスタマイズ集

日本地図と各県の投稿件数を表示する方法

「都道府県別の投稿数を日本地図に表示する方法」を解説。都道府県名をタグとして設定し、ショートコードでタグに紐づく投稿数を取得して地図上に表示する方法や、タグ一覧へのリンク、CSSで地図の位置やサイズを調整する仕組みを分かりやすく紹介します。