WordPressテーマ「Cocoon」2026年版カスタマイズ完全ガイド

この記事は約3分で読めます。
記事内に広告が含まれています。

PHPを使用したより高度な機能追加を目指すカスタマイズ方法を紹介します。
公開予約はグレーで表示されます。

はじめに

Cocoonのカスタマイズに役立つ最新のヒントや実践的な手法をまとめています。
サイトのデザインや機能をより魅力的にするためのノウハウが豊富に詰まっており、これまで有料で紹介されていたCocoonのカスタマイズ方法も無料で公開しています。

また、現在ネット上に掲載されているカスタマイズコードの多くは、古い手法のまま更新されていないのが実情です。
そこで本サイトでは、現在のCocoonやWordPressの最新仕様に対応した、今すぐ使える実用性の高いコードや考え方を中心に解説しています。

さらに、SWELLで実現できるデザインや機能を、Cocoonでも再現するための具体的な方法をわかりやすく解説。
加えて、WordPressやCocoonに関する最新トリビアや便利な小ネタも随時更新しており、日々のサイト運営にすぐ活用できる内容となっています。

注意事項

  • カスタマイズを行う際は、必ずデータのバックアップを行ってください。
  • 掲載しているカスタマイズコードは、子テーマのstyle.cssおよびfunctions.phpに記述することを前提としています。

Cocoonを魅力的にするカスタマイズ

Cocoonのカスタマイズに関する情報をお届けします。
役立つヒントや、実践的なカスタマイズ手法を詳しく説明。
サイトのデザインや機能を一層魅力的にするためのノウハウを満載しています。

# 日付 項目 タイトル スキン PHP JS CSS WP
2026-11-03ブロックWordPress標準の「タブ」ブロックで変更前・変更後の画像を切り替え表示する方法●●
2026-11-02カテゴリーカテゴリー一覧から不要なカテゴリーを非表示する方法●●
2026-11-01メニューWordPressのメニュー編集画面にFont Awesome 5のアイコンパレットを追加する方法●
2026-10-31メニューナビカードにリボン選択用のセレクトボックスを追加する方法●
2026-10-30タグクラウドタグ一覧から不要なタグを非表示する方法●●
2026-10-29インデックスお気に入り一覧ページを追加する方法●
2026-10-27インデックスエントリーカードに読書進捗バーを表示する方法●
2026-10-26インデックスカードタイプ「タイル」をCSSだけでMasonryレイアウトにする方法●●
2026-10-25ウィジェット「ギャラリー」ウィジェットを綺麗なMasonryレイウトにする方法●●
2026-10-22カテゴリー親カテゴリー一覧を自動でカード表示する方法●
2026-10-21ボックスメニュー「ボックスメニュー」でFont Awesomeにないアイコンを設定する方法●
2026-10-18新着記事「タグクラウド」ウィジェットに現在のカレント表示する方法●●
2026-10-17管理プラグインなしで固定ページを階層構造に並べ替える方法●
2026-10-16新着記事「新着記事」「人気記事」「ナビカード」に現在のカレント表示する方法●●
2026-10-12OGPアイキャッチ未設定時のOGP画像をカテゴリーやタグから自動設定する方法●
2026-10-10モバイルフッターモバイルボタンをドラッグ&ドロップで簡単に作成する方法●
2026-10-09投稿モバイル端末で左右スワイプして前後の記事へページ遷移する方法●●
2026-10-07ブロック「タブ」ブロックをJavaScript不要でステップ表示にカスタマイズする方法●
2026-10-06メディア画像登録時にスラッグもファイル名(タイムスタンプ)に自動変更する方法●●
2026-10-02新着記事「新着記事」ブロックを無限スクロール化する方法●
2026-10-01管理クイック編集からカテゴリー色を設定し一覧で確認する方法●
2026-09-30レイアウト「カバー」ブロックを活用してSWELL風のコンテンツヘッダーを追加する方法●
2026-09-29管理WordPressのテーマエディターで最初にfunctions.phpを開く方法●
2026-09-28カレンダー「カレンダー」ウィジェットで指定した年月を初期表示する方法●●
2026-09-27管理プラグインなしでPHPファイルを機能単位で管理する方法●●
2026-09-17ブログカードCocoon設定を拡張し内部・外部ブログカードのスニペットを出力自体させない方法●
2026-09-14インデックスエントリーカードの日付を「〇日前」などの相対時間に変換する方法●
2026-09-12Cocoon設定Cocoon設定のタブを非表示にする方法●
2026-08-31管理除外カテゴリーをカテゴリー一覧で確認できるようにする方法●
2026-08-30管理ツールバーに「エディター切替」ボタンを追加する方法●
2026-08-29管理不要なWP-Cronタスクを特定して完全に停止する方法●●
2026-08-28検索既読チェック機能付きの検索機能を追加する方法●●
2026-08-26ダッシュボードプラグインなしでダッシュボードを1〜4カラムレイアウトに変更する方法●●
2026-08-25管理WordPressで不要なテーマを管理画面から一括削除する方法●●
2026-08-24管理WordPressで不要なテーマを管理画面から非表示にする方法●●
2026-08-23エディター「グループ」ブロックの名前に直下の「見出し」ブロックのテキストを自動設定する方法●●
2026-08-22ブロック「ギャラリー」ブロックのキャプションを画像の下に表示する方法●●
2026-08-21管理ツールバーに「削除」ボタンを追加する方法●●
2026-08-20ブロック「アコーディオン(トグル)」ブロックを初期状態で開くようにする方法●
2026-08-19新着情報「新着情報」ブロックを1行表示にする方法●
2026-08-18新着情報「新着情報」で過去○日以内の記事だけに絞り込んで表示する方法●
2026-08-17管理「アイコン」ブロックに独自SVGアイコンを追加する方法●●
2026-08-15インデックスフロントページ「タブ一覧」内でページ切り替えする方法●●
2026-08-14SNSフォロー不要なSNSフォロー入力項目を非表示・無効化する方法●
2026-08-13投稿ページ送りナビの並びを左右逆にしモバイルボタンを拡張する方法●
2026-08-12メディアWordPressの未添付画像を自動で記事に紐付ける方法●●
2026-08-10ダッシュボードプラグインなしで簡易的にWordPressのセキュリティ監視をする方法●●
2026-08-09ウィジェットウィジェット画面で未使用エリアを一括で非表示にする方法●●
2026-08-06カスタムHTML「カスタムHTML」ウィジェットに表示期間を設定し自動でパターンを切り替える方法●
2026-08-05カレンダー「カレンダー」ウィジェットにカテゴリーラベルと同じ背景色を表示する方法●
2026-08-04カレンダー「カレンダー」ウィジェットで投稿が1件しかない日は直接記事へジャンプさせる方法●●
2026-08-03カレンダー「カレンダー」ウィジェットに投稿タイトル(title属性)を表示する方法●●
2026-08-02メニューメニュー画面でカスタム投稿とタクソノミーをセットにして色分けする方法●●
2026-08-01管理プラグインなしでWordPressプラグインの更新履歴と更新日時を一覧画面に表示する方法●●
2026-07-31エディターGutenbergエディターのツールバーへ独自ショートコードのメニューを追加する方法●●
2026-07-30コメントコメント欄や「最近のコメント」ウィジェットに書き込みから一定期間「NEW」マークを表示する方法●●
2026-07-27コメント過去の投稿のコメント入力を一定期間後に自動で受け付けないようにする方法●●
2026-07-25インデックスフロントページ「タブ一覧」に投稿日から一定期間「NEW」を表示する方法●●
2026-07-24インデックスフロントページ「タブ一覧」のカテゴリーにページネーションを表示する方法●●
2026-07-23インデックスフロントページ「タブ一覧」のカテゴリータブで「もっと見る」ボタンから2ページ目へ直接遷移させる方法●
2026-07-22管理ツールバーをフロントエンドから表示・非表示に切り替える方法●●
2026-07-21ショートコードプラグインなしで「休日カレンダー」を表示する方法●●
2026-07-19インデックスページ番号を入力して指定ページへ直接ジャンプする方法●
2026-07-17投稿「記事を読む時間」の文言などを変更する方法●
2026-07-15最近の投稿WordPress標準の「最近の投稿」ウィジェットにアイキャッチ画像を表示する方法●●●
2026-06-28投稿プラグインなしで複数のカスタム投稿タイプを設定画面から追加する方法●●
2026-06-26アーカイブ「年度別アーカイブ」を表示する方法●
2026-06-25投稿3年以上経過した古い投稿に自動で警告メッセージを表示する方法●
2026-06-24インデックスページの先頭にページネーション、ページ送りナビを追加する方法●
2026-06-19コメントプラグインなしでコメント欄にランダムなひらがな4桁の確認キーを追加する方法●●
2026-06-17ダッシュボードプラグインなしでウィジェット設定をエクスポート・インポートする方法●●
2026-06-15管理プラグインなしでWordPressバージョンに非対応で長期未更新のプラグインを赤色で強調表示する方法●●
2026-06-14ダッシュボードプラグインなしで管理画面のメインナビゲーションのメニューを並び替える方法●●
2026-06-06通知通知エリアのメッセージをメニュー設定から複数登録して縦スクロールする方法●●
2026-05-19インデックストップページを「最新記事の一覧」ではなく「最新の投稿本文」へ自動で切り替える方法●●
2026-05-18管理プラグインなしで独自の問い合わせフォームを自作する方法●●
2026-05-09メニューメニュー画面のメニュー項目検索で10件以上表示する方法●●
2026-04-09インデックスフロントページやアーカイブのタイトルに投稿件数を追加する方法●
2026-04-04ダッシュボードWordPress 7.0で追加されたフォントライブラリを活用し追加したフォントをダッシュボードに一覧表示する方法●●
2026-03-31ウィジェットウィジェットの画像をLightboxで拡大表示する方法●
2026-03-26Cocoon設定Cocoon設定画面に「トップへ戻る」ボタンを追加する方法●
2026-03-24インデックス任意のカテゴリーを投稿一覧から除外し、「新着記事」のみ表示する方法●
2026-03-17ダッシュボードGutenbergエディターのブロックにスタイルとCSSを外部JSON/CSSファイルから動的に管理する方法●●
2026-03-16ダッシュボードダッシュボードにTheme Modsの内容を表示する方法●●
2026-03-14ダッシュボードダッシュボードにdebug.logを表示・削除する方法●●
2026-03-08ウィジェット全ウィジェットエリアを可視化する方法●●
2026-03-04ダッシュボードCocoon設定のname属性をタブ・セクションごとに一覧表示する方法●
2026-03-03メニューメニュー画面で作成したメニューに管理用メモを追加する方法●
2026-03-02ブロック「画像」ブロックのリンク設定を変更する方法●●
2026-02-28メニュー未ログインユーザーに特定のメニューリンクを無効化・非表示にする方法●●
2026-02-26メニューメニュー配置を一覧表で一括管理する方法●●
2026-02-21RSSrssショートコードをスライド表示にする方法●
2026-02-20投稿投稿者と監修者の構造化データを自動出力する方法●●
2026-02-18その他Cocoonのレイアウト配置をドラッグ&ドロップで直感的に変更する方法●
2026-02-15その他プラグインなしで使用されているテーマのテンプレートファイル名を表示する方法●●
2026-02-13ショートコード楽天ランキングを自動表示する方法●●
2026-02-10その他管理画面UIの仕組みを理解してCSSのみでスライダー制御する方法●●●●
2026-02-09CTAカスタム投稿タイプを用いて「CTA」ウィジェットを管理する方法●
2026-02-05コメントコメントを短縮表示して全文表示ボタンを追加する方法●●●
2026-02-02目次目次を本文の先頭に表示する方法●●
2026-01-29Cocoon設定Cocoon設定画面の一部項目だけを選択不可にする方法●
2026-01-28メニュー独自のメニュー位置を追加する方法●●●
2026-01-20その他緯度・経度から本文下にGoogleマップを表示する方法●
2026-01-15Cocoon設定Cocoon設定画面のチェックボックスをトグルスイッチ化する方法●
2026-01-11コメントプラグインなしでコメントに画像を追加投稿する方法●●
2025-12-31管理カスタム投稿タイプをタイプを用いてCSS/JavaScriptを一括を管理する方法●●
2025-12-30管理投稿・固定ページに設定されたCSS・JavaScript有無を一覧確認する方法●
2025-12-27その他WordPressのログインセッション時間を変更する方法●●
2025-12-19エディターGutenbergエディターでCocoonブロックカテゴリーを先頭に表示する方法●
2025-12-09メディアメディア登録時にタイトルとキャプションを自動入力させない方法●●
2025-12-02管理トークン付きURLで特定ユーザーだけに非公開投稿を公開する方法●●
2025-12-01ダッシュボードプラグインなしでuploadsフォルダをZIPダウンロードする方法●●
2025-11-30ブロック独自の「フルワイド」ブロックを追加する方法●●
2025-11-29メディアプラグインなしで本文中の画像リンク切れをチェックする方法●●
2025-11-28管理子テーマにZIPでスキンをアップロードし自動展開する機能を追加する方法●
2025-11-24ブロック独自の「スクロール」ブロックを追加する方法●●
2025-11-23ナビゲーションメニュー「ナビゲーションメニュー」ウィジェットの子メニューを折りたたみ表示する方法●●●
2025-11-20管理クイック編集から投稿タイプを変更する方法●●
2025-11-18投稿投稿で使用された画像を本文下に一覧表示する方法●●●
2025-11-16投稿マウスホイールに応じ関連記事を横スクロールする方法●●
2025-10-18エディター投稿公開前に確認チェックを追加する方法●●
2025-10-17制限インデックスの「除外カテゴリー」に該当する投稿を完全に除外する方法●
2025-10-17制限除外カテゴリー・除外アーカイブをウィジェットに完全に反映させる方法●
2025-10-16投稿カスタム投稿タイプの関連記事を表示する方法●
2025-10-16ダッシュボード管理画面のツールバー「管理メニュー」の不要メニューを削除する方法●●
2025-10-14その他JSONファイルからパターンを自動登録する方法●●
2025-10-13制限投稿を特定カテゴリーで自動非公開と公開解除する方法●●
2025-10-12制限閲覧時に一定日数経過した投稿を自動でパスワード付きにする方法●●
2025-10-11エディター投稿・固定ページからアイキャッチ、日付を非表示にする方法●
2025-10-10管理プラグインなしで投稿・固定ページ一覧のカラム順序を自由に変更する方法●●
2025-10-09管理投稿や固定ページ一覧に「アイキャッチ有無」絞り込み機能を追加する方法●
2025-10-09ブロック「タブ見出しボックス」ブロックの見出しを目次に反映する方法●
2025-10-08エディターエディターを無効化して独自フィールドだけを使う方法●●
2025-10-07管理複数ユーザー運営時に、投稿一覧に「最終更新者」を追加する方法●●
2025-10-07管理カスタマイザーから余分なメニューを削除する方法●●
2025-10-06管理カスタム投稿一覧に「タクソノミー」絞り込み機能を追加する方法●●
2025-10-06ショートコードプラグインなしでプロフィール一覧を表示する方法●
2025-10-05コメントコメント一覧の日付形式を変更する方法●●
2025-10-04メディアメディア一覧の日付形式を変更する方法●●
2025-10-03投稿カスタムフィールドを投稿リビジョンに追加する方法●●
2025-10-03カレンダー「カレンダー」ウィジェットでカスタム投稿タイプを表示する方法●●
2025-10-02カテゴリー「カテゴリー」ウィジェットでカスタムタクソノミーを表示する方法●●
2025-10-02アーカイブ「アーカイブ」ウィジェットでカスタム投稿タイプを表示する方法●●
2025-09-30投稿本文上のアイキャッチにYouTube動画を表示する方法●
2025-09-28管理プロフィール情報でHTMLタグ入力を有効化する方法●●
2025-09-25ボックスメニュー「ボックスメニュー」などのメニュー設定をカテゴリーページごとに変更する方法●
2025-09-22ブロック独自の「ABテスト」ブロックを追加する方法●●
2025-09-21エディター独自の「ルビ」修飾を追加する方法●●
2025-09-20投稿投稿のスラッグを日本語から英字に自動で変更する方法●●
2025-09-15最近のコメントコメントの日付形式をCocoon設定に合わせる方法●●
2025-09-14インデックス日付アーカイブのページタイトルを「YYYY年M月D日」に変更する方法●
2025-09-13カレンダー「カレンダー」ウィジェットを「YYYY-MM」形式に変更する方法●●●
2025-09-12アーカイブ「アーカイブ」ウィジェットを「YYYY-MM」形式に変更する方法●●●
2025-09-11ブロック「画像」ブロックに添付ファイルページへのリンクを自動で設定する方法●●
2025-09-10ブロック「画像」ブロックにWordPress標準の拡大機能を自動で設定する方法●●
2025-09-07新着記事「新着記事」ブロックがを横並びのときカテゴリーページへのリンクを追加する方法●
2025-09-07アピールエリアアピールエリアの情報を固定ページごとに変更する方法●
2025-09-06メディアプラグインなしでメディアファイルを置き換える方法●●
2025-09-04メディアメディア一覧に「アイキャッチ使用中」カラムを追加する方法●●
2025-09-04メディア複数ユーザー運営時に、メディア一覧に「アップロード者」絞り込み機能を追加する方法●●
2025-09-03ウィジェットウィジェット画面のウィジェット一覧の並び順を変更する方法●●
2025-09-02ウィジェットウィジェット画面のウィジェットエリアの並び順を変更する方法●●
2025-09-02ウィジェットウィジェット画面のウィジェットを固定化してドラッグ禁止にする方法●●
2025-08-31カレンダー今月・来月のカレンダーを表示し、未来の投稿も新着情報に含める方法●●
2025-08-28エディター投稿に独自ステータスを追加する方法●●
2025-08-26ブロック「コード」ブロックに独自に行番号を追加する方法●●●
2025-08-25Cocoon設定ログインユーザーのみCSS縮小化を無効にする方法●
2025-08-24その他追加されるCSS・JavaScriptファイルからWordPressのバージョンを削除する方法●●
2025-08-23エディタープレビュー時にツールバーを非表示にする方法●●
2025-08-22管理管理画面のテキストを自由に変更する方法●●
2025-08-20ウィジェットウィジェット画面の特定ウィジェットエリアだけを自動で開く方法●●
2025-08-19ウィジェットウィジェットに「CSSクラス」オプションを追加する方法●●
2025-08-18投稿カスタム投稿タイプの投稿一覧で先頭固定表示する方法●●
2025-08-18投稿インデックスの除外カテゴリーをページ送りナビに反映する方法●●
2025-08-17固定ページ固定ページでコメントをデフォルトで有効化する方法●
2025-08-17投稿投稿・固定ページにPV数を表示する方法●
2025-08-16メディア寄稿者にメディアアップロード権限を付与し、自分のアップロード画像だけを表示する方法●●
2025-08-15管理ツールバーの「サイト名」や「サイトを表示」を新しいタブで開く方法●●
2025-08-12管理ユーザーごとにエディターで使用可能なカテゴリー・タグを制限する方法●●
2025-08-11管理複数ユーザー運営時に、ログイン中のユーザーを一覧に表示する方法●●
2025-08-09管理管理画面のカラーテーマを追加する方法●●
2025-08-08固定ページ固定ページにタイトル順・階層構造でページ送りナビを追加する方法●
2025-08-07制限特定カテゴリーの公開済みの投稿を独自のパスワード保護する方法●●
2025-08-06管理特定時間外はページを非表示にする方法●●
2025-08-05管理プラグインなしで管理者以外にメンテナンス画面を表示する方法●●
2025-08-05ショートコード同サーバー内にある別のWordPressの投稿をリスト一覧で表示する方法●●
2025-08-02制限投稿を特定カテゴリーで自動パスワード保護と解除する方法●●
2025-08-01ショートコード「テーブル」ブロックにHTMLタグを入力する方法●●
2025-08-01人気記事「人気記事」ウィジェットにCocoon設定の除外カテゴリーを反映する方法●
2025-07-29ショートコード他テーマでも、Cocoonのようにパターンをショートコードで呼び出す方法●●
2025-07-28新着情報「新着情報」を自動で切り替えるフェードアニメーションを追加する方法●
2025-07-26管理プラグインなしで古い投稿を自動で更新する方法●●
2025-07-23その他リビジョン保存数を制御する方法●●
2025-07-22管理複数ユーザー運営時に、ドラッグ&ドロップでユーザーロールを割り当てる方法●●●●
2025-07-22メディアプラグインなしでアップロード画像をWebP形式に変換する方法●●
2025-07-21管理複数ユーザー運営時に、投稿編集ロックの解除タイミングを調整する方法●●
2025-07-20エディター複数ユーザー運営時に、管理者承認付きの投稿公開フローを実装する方法●●
2025-07-19ダッシュボード複数ユーザー運営時に、ユーザー別の投稿数をダッシュボードに表示する方法●●
2025-07-19エディター複数ユーザー運営時に、ユーザーロール別でGutenbergブロックを制限する方法●●
2025-07-18管理複数ユーザー運営時に、プラグインなしでユーザーの最終ログイン日時を記録・表示する方法●●
2025-07-18管理複数ユーザー運営時に、プラグインなしで独自の権限グループを登録する方法●●
2025-07-17管理複数ユーザー運営時に、特定のユーザーに特定の固定ページだけを編集・削除させる方法●●
2025-07-17エディター投稿タグをチェックボックス形式に変更する方法●●
2025-07-16エディターエディターのドキュメントパネルから「タグ」設定を削除する方法●●
2025-07-16メディアプラグインなしでメディアをカテゴリーに分けて管理する方法●●
2025-07-12ダッシュボードウィジェット、ウィジェットエリア一覧を表示、除外する方法●●
2025-06-30ウィジェット「ウィジェットの複製」機能を追加する方法●●
2025-06-30管理プラグインなしで「投稿の複製」機能を追加する方法●●
2025-06-29エディタープラグインなしでエディターのカテゴリー設定を1つに制限する方法●●
2025-06-29ブロック「ボタン」ブロックにクリック数を表示する方法●●
2025-06-28その他プラグインなしで「いいねボタン」機能を追加する方法●●●
2025-06-27コメントコメント欄にアバーター画像を選択を追加する方法●●
2025-06-26ショートコードカテゴリーページでカテゴリごとの新着記事・人気記事を自動表示する方法●●
2025-06-26インデックス投稿一覧の表示順を更新日順・人気順・コメント数順に変更する方法●
2025-06-24検索カテゴリーを使った絞り込み検索フォームを表示する方法●●
2025-06-23通知通知メッセージを表示条件で切り替え表示する方法●
2025-06-23管理管理画面に独自のCSSを追加、不要なCSSを削除する方法●●
2025-06-22ブロックマウス位置に応じ左右に無限ループスライダーを作る方法●●●
2025-06-22通知複数の通知メッセージをアニメーション演出で表示する方法●
2025-06-21ショートコード「段落」ブロックでPC・モバイルごとに改行を追加する方法●●●
2025-06-21アーカイブ「アーカイブ」ウィジェットでカテゴリーごとの投稿を表示する方法●●
2025-06-20ショートコードプラグインなしでCSSだけでポップアップ表示を追加する方法●
2025-06-19カテゴリー特定のカテゴリーに属する子カテゴリーを表示する方法●●
2025-06-18ウィジェットプラグインなしでウィジェットの表示制御する方法●●●●
2025-06-17ショートコード日本地図と各県の投稿件数を表示する方法●●
2025-06-17タグクラウド特定のカテゴリーに属するタグクラウドを表示する方法●●
2025-06-16モバイルモバイルスライドインメニューにウィジェットを表示する方法●
2025-06-15管理管理画面のツールバーのメニューを削除・追加する方法●●
2025-06-15ブロックプラグインなしで「画像」ブロックにExif情報を表示する方法●●●
2025-06-14ブロックCSSのみで無限ループスライダーを作る方法●●
2025-06-12その他テーマで使われているブロック一覧を表示する方法●●
2025-06-12アーカイブ「アーカイブ」ウィジェットの表示を年別、今年に変更する方法●●
2025-06-11ウィジェットウィジェットに「PC・モバイル表示切り替え」オプションを追加する方法●●●
2025-06-09制限プラグインなしで本文の一部をパスワード保護する方法●●●
2025-06-09メディアメディア一覧にファイルサイズ表示を追加する方法●●
2025-06-08メディア画像登録時にファイル名を自動変更する方法●●
2025-06-05ブロックマーカーをアニメーションして表示する方法●
2025-06-05メディア自動生成されるサムネイルを停止・削除する方法●
2025-06-04投稿WordPressのパスワード保護ページをカスタマイズする方法●●
2025-06-04メディアアイキャッチ未設定のとき本文中の画像をサムネイル表示する方法●●
2025-06-03ブロック「テーブル」ブロックの角を丸くする方法●●
2025-06-03ショートコードスキン一覧から選択しデモ表示する方法●
2025-06-02管理Gravatarを使用せずにプロフィール写真を設定する方法●●
2025-06-01目次本文中の目次を折りたたみ表示する方法●●●
2025-05-31エディターエディター「更新日の変更」の初期表示を変更する方法●
2025-05-30ブロック「画像」ブロックに画像の拡大効果を自動で設定する方法●●
2025-05-30固定ページフロントページを自動で固定ページに設定する方法●●
2025-05-29ブロック「詳細」ブロックを「アコーディオン(トグル)」ブロック風にし1つだけ開き他を閉じる方法●●
2025-05-29ショートコードプラグインなしで変更前・変更後の画像を切り替え表示する方法●●
2025-05-28メディアメディア一覧に「未使用の画像」絞り込み機能を追加する方法●●
2025-05-28管理投稿や固定ページ一覧に「更新された投稿」絞り込み機能を追加する方法●●
2025-05-27ダッシュボードプラグインなしで「ToDo」機能を追加する方法●●
2025-05-27インデックスカテゴリーラベルを親カテゴリーに統一表示する方法●
2025-05-26ブロック「タブ」ブロックをモバイル表示のときタブ表示に変更する方法●
2025-05-25ショートコードプラグインなしでログインユーザー以外をリダイレクトさせる方法●●
2025-05-24管理投稿一覧に「アーカイブに出力しない」の投稿を色分け表示する方法●
2025-05-23管理投稿一覧にPV数をリセットするボタン追加する方法●
2025-05-22インデックス先頭固定投稿による表示件数のズレを防ぐ方法●
2025-05-21タグクラウド「タグクラウド」ウィジェットから一定の投稿数以下を非表示にする方法●●
2025-05-20カテゴリー「カテゴリー」ウィジェットのドロップダウン表示の文言を変更する方法●●
2025-05-20タグクラウド「タグクラウド」ウィジェットの最大表示数を変更する方法●●
2025-05-19Cocoon設定Cocoon設定の拡大効果にfancybox3を追加する方法●
2025-05-19インデックスフロントページと一覧ページでカードタイプを切り替える方法●
2025-05-18ナビカード「ナビカード」ウィジェットのカスタムリンクにアイキャッチ画像を表示する方法●
2025-05-18RSSrssショートコードのサムネイルにアイキャッチ画像を表示する方法●
2025-05-17通知通知エリアのメッセージをカテゴリーページごとに変更する方法●
2025-05-17パンくずリストパンくずリストを上下に設置する方法●
2025-05-16通知「新着情報」をスクロール表示で切り替える方法●
2025-05-15ショートコードブログ開設経過日を表示する方法●●
2025-05-14コメント投稿・固定ページの本文上にコメント数を表示する方法●●
2025-05-13エディター投稿タイトルからアイキャッチ画像を自動生成する方法●●●●
2025-05-13インデックスエントリーカードの表示件数を選択可能にする方法●
2025-05-12管理投稿一覧に投稿のタイトルと本文の文字数を表示する方法●●
2025-05-12ブロック「テーブル」ブロックにSWELL風のスクロールヒントを表示する方法●●
2025-05-11その他ページ単位にスキンを変更する方法●
2025-05-11その他ダークモードを実装する方法●●●●
2025-05-10目次サイドバーに配置した「目次」ウィジェットをハイライト表示させる方法●●●
2025-05-09エディタークシックエディターで作成した投稿を、自動でクラシックエディターに切り替える方法●
2025-05-08ボックスメニュー「ボックスメニュー」ウィジェットに現在のカレント表示する方法●●
2025-05-06インデックスエントリーカードにリボン表示を追加する方法●●
2025-05-05制限メニューから除外カテゴリーや非公開ページを非表示にする方法●
2025-05-05エディターGutenbergエディターのカラーパレットを変更する方法●
2025-05-04ショートコード評価スターのアイコンを変更する方法●●
2025-05-03タグクラウド「タグクラウド」ウィジェットにドロップダウン表示を追加する方法●●●
2025-05-02検索検索結果の並び順を投稿日順・更新日順に変更する方法●●●
2025-05-01管理投稿一覧に更新日をリセットするボタン追加する方法●●●
2025-05-01プロフィールプラグインなしで「プロフィール」ウィジェットのリンクを無効にする方法●●
2025-04-30ショートコードカテゴリー別の最新記事を表示する方法●
2025-04-30タグクラウド「タグクラウド」ウィジェットをタグ数で折りたたみ表示する方法●●●●
2025-04-29検索空欄検索のときダイアログを表示する方法●●
2025-04-29インデックスクイック編集から先頭固定表示の解除日時を設定する方法●●
2025-04-28投稿クイック編集から投稿の公開期限を設定する方法●●
2025-04-28目次サイドバーの目次だけ最初から開いた状態で表示する方法●●●
2025-04-27投稿視覚障害者向け「読み上げ」機能を追加する方法●●
2025-04-27カスタムHTML「カスタムHTML」ウィジェットに指定期間だけ表示する機能を追加する方法●●●●
2025-04-26カレンダー「カレンダー」ウィジェットの土日・祝日に色を付ける方法●●●●
2025-04-26カレンダー「カレンダー」ウィジェットに予約投稿を表示する方法●●
2025-04-25カレンダー「カレンダー」ウィジェットにアイキャッチ像を表示する方法●●
2025-04-25パンくずリストパンくずリストをタグアーカイブなどに表示する方法●
2025-04-24新着記事「新着記事」など横並び表示にSwiperページネーションを付ける方法●
2025-04-24ショートコード外部サイトの画面キャプチャを表示する方法●●
2025-04-23ウィジェット独自の「QRコード」ウィジェットを追加する方法●●
2025-04-23広告本文中の広告を特定の見出しH2の前に表示する方法●
2025-04-22インデックストップページの「カードタイプ切り替え」機能を追加する方法●●
2025-04-22その他プラグインなしで右クリックを禁止にする方法●●
2025-04-21ブロック「リスト」ブロックのリストを階層表示する方法●●●
2025-04-20検索プラグインなしで検索不要なページを除外する方法●●
2025-04-20ウィジェットウィジェットのタイトルにHTMLタグを入力する方法●●●
2025-04-18モバイルモバイルボタンのアイコンを画像に変更する方法●
2025-04-15投稿投稿のカテゴリーを関連記事のようにカード表示する方法●
2025-04-15メニューグローバルナビメニューに検索メニューを追加する方法●●
2025-04-12ブロック「画像」ブロックを徐々に表示する方法●●
2025-04-09ブロック「テーブル」ブロックをチェックボックスにより絞り込み機能を実装する方法●●●
2025-04-07ショートコードレーダーチャートを表示する方法●●●●
2025-04-06エディタークラシックエディターのツールバーに比較表記号を追加する方法●●●●
2025-04-05検索プラグインなしで「検索サジェスト」機能を追加する方法●●
2025-04-01ブロック「タイムライン」ブロックにアニメーションを追加する方法●●
2025-04-01目次目次ボタンをCSSのみで追加する方法●●
2025-03-31ブロック「カバー」ブロックにSWELL風のパララックス効果を追加する方法●●
2025-03-29カルーセルカルーセルの表示枚数、最大枚数を変更する方法●
2025-03-27ブロック「カバー」ブロックの背景画像を固定表示する方法●●
2025-03-26ウィジェット既存ウィジェットエリアにウィジェットをコピーする方法●
2025-03-22カルーセルカルーセルに指定した投稿を表示する方法●
2025-03-19カルーセルカルーセルにカスタム投稿を表示する方法●
2025-03-16カルーセルカルーセルを人気順で表示する方法●●
2025-03-15投稿カスタム投稿を追加する方法●●
2025-03-12レイアウトトップメニューのときSWELL風のキャッチフレーズを表示する方法●
2025-03-10管理投稿一覧をステータスに応じ色分け表示する方法●●●
2025-03-09パンくずリストパンくずリストを任意の位置に表示する方法●
2025-03-06新着情報「新着情報」のアイテム全体をリンクにする方法●
2025-03-05インデックス投稿日から一定期間「NEW」を表示する方法●●●
2025-03-03ブロック「タブ」ブロックの初期表示をタブ1以外に設定する方法方法●
2025-03-01目次目次ボタンを追加する方法●●
2025-02-27ブロックコピーボタンを追加する方法●
2025-02-26固定ページプラグインなしで固定ページの子ページを表示する方法●●
2025-02-24ウィジェットウィジェットに「オートプレイ」オプションを追加する方法●
2025-02-22ショートコードショートコードを使用してウィジェットを直接表示する方法●●
2025-02-21メニュープラグインなしで「メガメニュー」を追加する方法●
2025-02-18トップへ戻るボタントップへ戻るボタンにスクロール量を表示する方法●●●
2025-02-17ブロック「タイムライン」ブロックを折りたたみ表示する方法●
2025-02-15カテゴリー「カテゴリー」ウィジェットの子カテゴリーを折りたたみ表示する方法●●●●
2025-02-14アーカイブ「アーカイブ」ウィジェットを年単位で折りたたみ表示する方法●●●●
2025-02-12投稿ページ送りナビに予約投稿や下書き記事を表示する方法●●
2025-02-07ブロック「タイムライン」ブロックを横向きに表示する方法●●
2025-02-04新着情報「新着情報」のカテゴリーラベルに色を付ける方法●●
2025-02-03新着情報「新着情報」に指定した投稿を表示する方法●
2025-02-02コメントコメント欄の入力必須項目のマークを変更する方法●●
2025-01-28検索検索フォーム「サイト内を検索」の文言を変更する方法●●
2025-01-23ブロック「テーブル」ブロック中に開閉リストを追加する方法
2025-01-19ウィジェット独自の「カウントダウン」ウィジェットを追加する方法●●●●
2025-01-15ブロック「タブ」ブロックのタブ切り替えをスライドスイッチ風にアニメーションさせる方法●
2025-01-02コメントコメント欄の入力フォームの並びを変更する方法●●
2025-01-01404ページ404エラーのときフロントページへジャンプする方法●●
2024-12-31メニューヘッダーを固定とした場合でもサブメニューを表示する方法●
2024-12-30投稿特定のページで外部リンクのnofollowを解除する方法●
2024-12-27ブロック「アコーディオン(トグル)」「FAQ」ブロックで1つだけ開き他を閉じる方法●
2024-12-25レイアウトSWELL風のコンテンツヘッダーを追加する方法●●
2024-12-21人気記事「人気記事」を「新着情報」と同じデザインで表示する方法●
2024-12-20レイアウトスマートフォンのときタブ一覧をスクロールスナップする方法●
2024-12-17インデックスエントリーカードに先頭固定投稿マークを付ける方法●●
2024-12-16ブロック「アイコンボックス」ブロックのアイコン、ボーダー色をスタイル設定から変更する方法●
2024-12-14ウィジェット「閲覧履歴」機能を追加する方法●
2024-12-13ウィジェットプラグインなしで「お気に入り」機能を追加する方法(ローカルストレージ版)●
2024-12-13ウィジェットプラグインなしで「お気に入り」機能を追加する方法(クッキー版)●
2024-11-30インデックスフロントページタイプ「タブ一覧」の新着記事を非表示にする方法●●●●
2024-11-23検索タグクラウドをドロップダウン・チェックボックス形式で表示する方法●●
2024-11-09ブロック「アイコンリスト」ブロックを使用してリンクリストを作成する方法●
2024-11-02通知通知エリア用のウィジェットエリアを追加し自由にメッセージを表示する方法●
2024-10-26タグクラウドタグクラウドを分類し一覧表示する方法●●
2024-10-19管理クイック編集からカテゴリーのカスタムフィールドを設定する方法●●●
2024-10-16ショートコードショートコードを使用してPHPを読み込ませる方法●●
2024-10-12管理投稿一覧を人気順でソートして表示する方法●●
2024-10-05通知通知エリアのメッセージをスクロール表示する方法●
2024-09-21検索空欄検索の結果を0件として表示する方法●●●
2024-09-07アピールエリアアピールエリアにSWELL風のスライドを表示する方法●●
2024-08-31トップへ戻るボタントップへ戻るボタンの戻り先を目次に変更する方法●●●
2024-08-24ブロック円形に沿ったテキストアニメーションの作成方法●●●●
2024-08-17ブロックスクロールし画面内に入ったブロックをアニメーション表示する方法●●●
2024-08-03ブロック「吹き出し」ブロックに一括してアニメーション効果を追加する方法●
2024-07-31固定ページフロントページが固定ページのとき、専用のCSSを読み込む方法●●
2024-07-22ブロック分割ページのページネーションを一覧ページと同じ表示にする方法●●
2024-06-10メニューグローバルナビメニューのカテゴリーに投稿数を表示する方法●
2024-04-25エディタープラグインなしでエディターに独自のメタボックスを追加する方法●●
2024-04-10ブロック「画像」ブロックにSWELL風のブラウザ枠を追加する方法●●●●
2024-03-06レイアウトアイキャッチ画像の表示位置を本文上に変更する方法●●●
2023-09-25目次目次リンクを見出しH2の前に追加する方法●●
2023-09-21管理functions.phpをスマートに分割管理する方法●●
2023-09-21その他ローディング画面を追加する方法●●●●●

有料カスタマイズのタネアカシ無料公開

有料で紹介されているCocoonのカスタマイズのタネアカシを、特別にここで無料公開します。
単にコピペで済ませたい方にとっては、お金を無駄にしない絶好のチャンスです(笑)
さらに、SWELLの有料カスタマイズをCocoonでどう実現するか、その秘訣を余すところなくお伝えします。

# 日付 項目 タイトル スキン PHP JS CSS WP
2026-04-14新着記事「新着記事」などにページネーションを追加する方法●
2026-03-10目次目次から特定の見出しを除外する方法●
2026-02-14RSS複数RSSをまとめて表示する方法●
2025-11-02ブロックgetComputedStyleで最終的なスタイルを取得する方法●●●
2025-10-14ブロック別のページにある「タブ」ブロックをリンクから直接開く方法●
2025-09-16ダッシュボードCocoonのPV数をSWELLに引き継ぐ方法●
2025-07-11投稿プラグインなしで複数の著者を投稿に表示する方法●
2025-07-07管理特定のプラグインを一覧から非表示にする方法●●
2025-06-24管理サイトヘルスに本文で使用しているショートコード一覧を表示する方法●●
2025-06-16投稿予約投稿を無効化して未来の投稿を表示する方法●●
2025-06-13ブロック「ボタン」ブロックの<a>タグにdownload属性を追加する方法●●
2025-06-06管理固定ページ一覧に使われているテンプレートを表示する方法●●
2025-06-01エディターGutenbergエディターのブロックに独自のスタイルパネルを追加する方法●●●
2025-05-15レイアウトサイドバーを左右両方に表示する3カラムレイアウトに変更する方法●
2025-04-21ブロック「ギャラリー」ブロックをサムネイル付きスライド表示する方法●
2025-04-13目次特定の投稿だけ目次の表示の深さを変更する方法●
2025-04-13アピールエリアアピールエリアにサムネイル画像付きのスライドを追加する方法●
2025-03-07管理投稿や固定ページ一覧に「PR表記」絞り込み機能を追加する方法●
2025-02-08ブロック「ギャラリー」ブロックを自動スクロールさせ表示する方法●
2025-02-05検索検索結果から固定ページを除外し投稿だけにする方法●●
2025-02-01管理プラグインなしでカテゴリーを好きな順番に並び替える方法●●
2025-01-25ブロック「FAQ」ブロックの見出しを目次に反映する方法●●
2025-01-22ブロック「タイムライン」ブロックのタイトルを目次に反映する方法●●
2025-01-18新着記事「新着記事」ブロックに「もっと見る」ボタンを追加する方法●●●
2025-01-16ヘッダーヘッダーロゴのリンク先URLを変更する方法●
2025-01-11ヘッダーヘッダーロゴを固定ページごとに変更する方法●
2025-01-09ブロック「テーブル」ブロックにソート機能を追加する方法●●
2025-01-07おすすめカードおすすめカードをカテゴリーページごとに変更する方法●
2025-01-04メニューグローバルナビメニューをカテゴリーページごとに変更する方法●
2024-12-15新着記事「新着記事」などにカテゴリー、タグ表示を追加する方法●
2024-12-07検索検索キー履歴を表示する方法●●
2024-11-16検索検索件数を表示する方法●●
2024-10-02エディターGutenbergエディターのブロックにスタイルボタンを追加する方法●●●●
2024-09-14レイアウト「新着記事」ブロックや「人気記事」ブロックのカードを横並びにする方法●●
2024-08-10トップへ戻るボタントップへ戻るボタンをクリックすると画像を変える方法●
2024-07-27レイアウトサイドバーを表示/非表示を切り替える方法(1カラム⇔2カラム)●
2024-07-20レイアウトグローバルナビメニューをアピールエリアの下に表示する方法●
2024-07-13メニューPC画面でもモバイルのスライドインメニューを表示する方法●●
2024-07-06ブロック簡単に、ブロックを使用して独自のCTAボックスを作成する方法●
2024-06-29インデックスエントリーカードの並び順を変更するボタンを追加する方法●
2024-06-22インデックスエントリーカード全体がリンクでも、中に別のリンクを追加する方法●
2024-06-15インデックスエントリーカードにACFで作成したカスタムフィールドを表示する方法●
2024-06-08ヘッダーヘッダーに電話番号と問い合わせリンクを追加する方法●●
2024-06-04ブロック「画像」ブロックをカラムからはみ出し配置する方法●●
2024-04-20検索検索フォームをウィジェットエリア外に表示する方法●●
2024-03-10通知通知エリアのメッセージを投稿ごとに変更する方法●
2024-03-06その他簡単に、Gutenbergエディターでフロントページを作成する方法
2024-02-19ブロック簡単に、SWELL風の「フルワイド」ブロックを作成する方法●
2023-09-25目次目次から見出しに付けた特定の文字を削除する方法●

フォーラムなどの質問への回答

フォーラムやX(旧Twitter)で見られる質問に対して回答します。
解決策や具体例、さらに詳細な説明を提供しています。

# 日付 項目 タイトル スキン PHP JS CSS WP
2026-08-27モバイルモバイルメニュー「トップメニュー」のメニューアイコンを修正する方法●
2026-08-16インデックスフロントページだけ投稿の並び順を変更する方法●
2026-08-11人気記事「人気記事」を番号付きリスト(ol)にカスタマイズする方法●
2026-08-08投稿関連記事からアイキャッチ画像がない投稿を除外する方法●
2026-08-08ショートコード投稿のマルチページURLを自動でリスト表示する方法●●
2026-08-07インデックス1ページだけでもページネーションを表示する方法●
2026-08-06ショートコードサイト全体のアクセス数(PV)を表示する方法●
2026-08-05タイトルCocoonでタイトルのセパレーターが変更できない原因と正しい解決方法●
2026-07-29コメントコメント欄で未入力時に標準の「匿名」ではなく「名無しさん」と表示する方法●
2026-07-28コメントコメント数が0のときにコメント数を非表示にする方法●
2026-07-13RSSWordPress標準の「RSS」ウィジェットやブロックにサムネイル画像(og:image)を表示する方法●●
2026-05-07アーカイブ「アーカイブ」ウィジェットで今年だけ月別、過去は年別に表示する方法●●
2026-04-30カルーセルカルーセルの表示位置を変更する方法●
2026-04-03検索CSS Custom Highlight APIを用いページ内検索をリアルタイムでハイライトする方法●
2026-03-11ブロック別のページにある「アコーディオン(トグル)」ブロックをリンクから直接開く方法●
2026-02-04テンプレートカスタム投稿タイプを用いて「テンプレート機能」をWordPress標準化する方法●
2026-01-10カテゴリー「カテゴリー」ウィジェットで親カテゴリーのみを表示する方法●●●
2025-12-23その他Cocoonのnoindex制御を拡張する方法●
2025-11-27ブロック画像の拡大効果にキャプション表示を追加する方法●
2025-11-26新着記事検索語句を含む投稿を新着順で表示する方法●
2025-11-25ショートコードサイトマップをツリー表示する方法●●
2025-11-19ランキングランキングの表示を評価順に並び替える方法●
2025-11-08エディター投稿・固定ページごとにカスタムCSS/JavaScriptを追加する方法●●
2025-10-29Cocoon設定Cocoon設定画面にFont Awesome 6を追加する方法●
2025-10-24通知通知メッセージを2つ表示する方法●
2025-10-15投稿SWELL風の投稿者情報を本文下に表示する方法●
2025-10-15インデックスインデックスの並び順にコメント数順・人気順を追加する方法●
2025-09-29インデックスサムネイルに自動生成画像ではなく元画像を表示する方法●
2025-09-19投稿プラグインなしで「リアクション」機能を追加する方法●
2025-09-18インデックスエントリーカードからコメント欄へのリンクを追加する方法●
2025-08-27ヘッダーキャッチフレーズを改行表示する方法●
2025-08-20RSSrssショートコードにサイト名かドメイン名を追加する方法●
2025-07-03SNSフォロープロフィールのSNSフォローボタンを色付きに変更する方法●●
2025-06-18カテゴリー特定のカテゴリーに属する投稿をドロプッダウンで表示する方法●●
2025-06-14管理投稿や固定ページ一覧に「スラッグ」「ID」絞り込み機能を追加する方法●●
2025-06-13ショートコードUSドル・円をレート換算して金額を表示する方法●●
2025-06-11ブロック「グループ」ブロップを折りたたみ表示する方法●●●
2025-06-10新着記事「新着記事」の投稿をコメント数順で表示する方法●●
2025-06-08コメントコメント欄を本文の下に表示する方法●
2025-06-07コメントコメント欄のコメントリストと入力フォームを逆に表示する方法●●●
2025-06-02インデックスエントリーカードのタイトルの文字数を制限する方法●●
2025-05-31エディター縦長画像のアイキャッチの左右余白を埋めて表示する方法●●●●
2025-05-23コメント独自のコメント一覧ページをページネーション付きで表示する方法●
2025-05-10エディター投稿編集時に更新日を変更する機能を追加する方法●●
2025-05-06インデックスフロントページにタクソノミーごとを表示する方法●
2025-04-19コメント投稿ごとにコメントだけを表示するページを追加する方法●
2025-04-17モバイルモバイルボタンの背景色、文字色を変更する方法●
2025-01-29投稿関連記事に指定した投稿を先頭に追加する方法●
2025-01-17ナビゲーションメニュー「ナビゲーションメニュー」ウィジェットにドロップダウン表示を追加する方法●●
2025-01-08アーカイブ「アーカイブ」ウィジェットで選択した月の最新投稿ページを表示する方法●●
2024-07-12メニューPC画面にハンバーガーメニューを追加する方法●●
2024-07-01SNSフォロー新しいSNSフォローボタンを追加する方法●
2024-06-28タグクラウドタグクラウドの先頭に「#」を追加する方法●
2024-06-05インデックス一覧では今年の投稿のみを表示し、アーカイブでは過去投稿だけを表示する方法●●
2024-05-11投稿ページネーションをドロップダウンに変更する方法●
2024-04-11SNSシェアSNSシェアボタンショートコードを追加する方法●
2024-03-30Cocoon設定Cocoon設定画面にキーワード検索機能を追加する方法●
2024-03-21ヘッダーヘッダー固定のときカラーを変更する方法●
2024-03-17コメント「コメントを書き込む」「返信」ボタンの文言を変更する方法●
2024-02-27投稿本文下の関連記事を横並びでスクロール表示する方法●
2023-09-24レイアウトフロントページと一覧ページでカードタイプを切り替える方法●

WordPressとCocoonの気になるトリビア

WordPressやCocoonに関する気になるトリビアをまとめました。
知っておくと得する情報が満載です。

# 日付 項目 タイトル スキン PHP JS CSS WP
2026-11-04WordPressメニューの「このメニューに新しいトップレベルページを自動的に追加」の意味と仕組み
2026-10-20WordPressのwpautopとクラシックエディターで起きた表示崩れの原因と解決策
2026-10-11Cocoonの各カードにおけるサムネイル表示の仕様を解説●
2026-10-08ブロックWordPress 7.0で追加されたブロックごとの追加CSSで「タイムライン」ブロックのアイテムのポイント色を変更する方法●
2026-09-20「カスタムHTML」ブロックでCSSのネスト記法(&)を使うと効かない原因と対策
2026-09-19エディターWordPress 7.1で追加された「タブ」ブロックについて●
2026-09-07Cocoon設定Cocoon設定画面に独自タブを追加する方法(Cocoon 2.9.5.1~)●
2026-09-02Cocoon設定Cocoon設定画面に独自タブを追加する方法●
2026-08-12スキンCocoonスキン「SILK」でプロフィールのニックネーム前にある「@」を削除する方法●
2026-08-04はみ出している要素を赤くしてレイアウト崩れの原因を特定する方法●●
2026-06-23エディターWordPress 7.0でadd_meta_boxを廃止してGutenberg APIへ完全移行する方法●
2026-05-31WordPressのブロック非表示とカラム折り返しのブレークポイントがズレてる問題●
2026-05-22Gutenbergエディターでサイドバーに移動したメタボックスを本文下に戻せない問題●●
2026-05-14ナビカード「ナビカード」のリボン文言を変更する方法●
2026-05-02新着記事「新着記事」などの大きなサムネイル表示でカードに線を入れる方法
2026-04-22おすすめカードおすすめカードを表示場所ごとに出し分ける方法●
2026-03-25投稿日を和暦に変換する方法●●
2026-03-13ブロックWordPress 7.0の新機能を活用してPHPのみでカスタムブロックを作成する方法●●
2026-03-12ブロックCocoonでカラム内のブロックの高さを簡単に揃える方法
2026-03-09フッターモバイル用フッターを活用して「問い合わせ情報」を表示する方法●
2026-02-23table内のdivにheight:100%が効かない理由と解決策●●
2026-02-17ウィジェット既存のウィジェットに独自設定を追加して保存・取得する方法●●
2026-02-16Cocoon設定Cocoon設定画面に独自設定を追加して保存・取得する方法●
2026-02-12非公開になったWordPressプラグインを取得する方法●
2026-02-08吹き出しカスタム投稿タイプを用いて「吹き出し機能」をWordPress標準化する方法●
2026-02-07その他カスタマイザーでラジオボタンとチェックボックスをトグルUIにする方法●●
2026-02-06エディターGutenbergエディターのブロックに独自のスタイル追加する方法●●
2026-02-03ランキングカスタム投稿タイプを用いて「ランキング機能」をWordPress標準化する方法●●●
2026-01-31エディターWordPress 6.9で追加された「ブロックの表示/非表示」機能について●●
2026-01-27その他独自設定画面にカラーピッカーなどを追加する方法●●
2026-01-21ブロックWordPress 6.9で追加された「アコーディオン」ブロックについて●●●
2026-01-05その他カスタマイザーのペンマークと設定メニューを連携させる方法●●
2025-10-11WordPressで「続き」ブロック前の本文だけを取得する方法●●
2025-10-10その他アメブロからWordPressに引っ越しする方法●●●
2025-10-08WordPressでPHPの値をJavaScriptに渡す方法●●●
2025-10-05検索タイトル、抜粋枠、本文に限定して検索する方法●●
2025-10-04おすすめカードおすすめカードの幅を調整して折り返して表示する方法●
2025-10-01ブロック「ギャラリー」ブロックの画像サイズを均一にする方法●●
2025-10-01ブロック「リスト」ブロックで丸数字を使用する方法●●
2025-09-27エディターGutenbergエディターの見出しレベルを制限する方法●●
2025-09-26管理WordPressの管理者アカウントが不明なときに新管理者を追加する方法●●
2025-09-24WordPress 6.5で追加された「Block Bindings API」について●●
2025-09-09新着記事「新着記事」ブロックにページネーションを追加する方法●
2025-09-05人気記事のカウントが更新されない時の対処法●
2025-08-11WordPress REST APIで投稿データを外部に配信する方法●●
2025-08-03ブロック「テーブル」ブロックを「タイムライン」ブロック風に変更する方法●●
2025-06-25新着記事「新着記事」ブロックや「人気記事」ブロックの投稿日・更新日の一方を表示する方法●
2025-06-20ブロック「テーブル」ブロックの1列目のセル幅を文字幅に合わせ、文字の両端も揃える方法●●
2025-05-26プラグイン「テーブル横スクロール」設定で「XO Event Calendar」が崩れる原因と対策●
2025-04-18Cocoonのオリジナルアイコンについて
2025-04-17SNSシェアSNSシェアボタンをマウスオーバーで拡大表示する方法●
2025-04-16ブロック「テーブル」ブロックの行と列をマウスオーバーで強調表示する方法●●
2025-04-14メニューグローバルナビメニューをタブ切り替え風に表示する方法●
2025-04-03子テーマ内のCSVファイルを読み込む方法●●●
2025-04-02ページごとにheadやbodyタグ直前にコードを埋め込む方法
2025-02-20ブロック簡単に、ブロックをスライド表示する方法●
2025-01-27モバイルモバイルボタンのサイドバーを左からスライド表示に変更する方法●
2025-01-24吹き出し「吹き出し」ブロックのアイコン画像を一括で変更する方法●●
2025-01-14Cocoonのフックについて●
2024-11-27Swiperで無限ループスライダーを作る際の注意点●●●
2024-11-20WordPressでjQueryがエラーになる原因について●
2024-11-13ブロックSWELL風の波境界線を追加する方法●●
2024-11-06ブロック簡単に、ブロックを使用してメニュー表を作成する方法●●
2024-10-30ブロック簡単に、配置したブロック全体に段落スタイルを適用する方法
2024-10-09WordPress「パターン」機能の活用法
2024-06-02プラグインプラグイン「grayish MV add Plugin」のパターンファイル設定手順を解説
2024-04-04ブロック簡単に、ブロックを使用して順序を比較できるリストボックスを作成する方法●
2024-02-20アピールエリア簡単に、SWELL風の動画をアピールエリアに表示する方法●
2023-10-20Arkhe風の神フックが新登場!機能追加でサイトを強化する方法●
2023-09-22ブロック簡単に、ブロックを使用して料金表を作成する方法●●
2023-09-22ブロック簡単に、図の横に説明文を吹き出しで追加する方法●●
2023-09-22ブロック簡単に、Arkhe風の写真フレームを作る方法●●
2023-09-21テンプレート変更不要で好きな要素を追加する方法●
2023-09-21ブロック簡単に、「アイコンボックス」ブロックのアイコンを変更する方法
2023-09-20WordPressテーマ変更で起こる問題とは?知っておくべき重要ポイントを徹底説明!●
2023-09-20WordPressの子テーマ、そもそも何なのかを徹底説明!●

WordPressやCocoonサポート済み

WordPressやCocoonがサポートしたおかげで、もう個別カスタマイズの必要はありません。
これまで手間だったカスタマイズが、最新コードで簡単に実現できるようになりました。

さいごに

このページでは、Cocoonのカスタマイズに関する豊富な情報をお届けしました。
初心者でも手軽に実践できるヒントや技術がたくさん詰まっています。
WordPressやCocoonのトリビアにも触れているので、さらなる知識を深めることができます。
ぜひ、Cocoonのカスタマイズを楽しんでください。

タイトルとURLをコピーしました