Cocoon Cocoonアコーディオン（トグル）をカスタマイズ！10種類のデザインでスッキリ魅せる
Cocoonテーマのアコーディオン（トグル）は、情報量が多いページでもクリックひとつで内容を折りたためるブロックです。ただし、デフォルトのデザインは1種類のみ。...
Cocoon
Cocoon 
Cocoon Cocoon「タブ見出しボックス」を自由にデザイン｜コピペで使えるカスタムスタイル8種類【ワンクリック切替】
更新情報（2026/02/15 ）見出しテキストの省略処理、CSS微修正WordPressテーマ「Cocoon」のタブ見出しボックスは、記事内で見出しやコンテン...
Cocoon 超簡単！Cocoonブロック機能でサイト型トップページを作る方法｜コード最小限・初心者向け
Cocoonでオリジナルのトップページを作りたいけど、どこから始めればいいの？そんなふうに迷っている方も多いですよね。この記事では、WordPressテーマ「C...
Cocoon Cocoonアピールエリア｜画面いっぱいのフルスクリーン＋スクロール矢印・ズーム演出するカスタマイズ
更新情報（2026/02/05）レイアウト、スクロール矢印のCSSを修正デモページ公開Cocoonの「アピールエリア」はサイトの第一印象を決める重要なパーツ。こ...
Cocoon Cocoonブログカードをカスタマイズ｜表示切替12スタイルでCTR改善【コピペOK】
更新情報2026/02/01 カードの余白調整2025/12/20 縦型スタイルを1種類追加、掲載コードを全修正記事内リンクとしてよく使うCocoonのブログカ...
Cocoon Cocoonで全幅（フルワイド）デザイン！幅いっぱいにする仕組みとおしゃれに仕上げるポイントを解説
標準では難しそうに見えるCocoonでも、有料テーマSWELLのようなフルワイド（全幅）デザインは作れます。「トップページが野暮ったいと感じる」「SWELLのよ...
Cocoon 【Cocoon】白抜きボックスのデザインを17種類に拡張｜ワンクリック切替カスタマイズ
更新情報（2026/02/19）ノート風スタイルのCSSを一部修正しました。Cocoonの「段落ブロック」は手軽に装飾できて便利ですが、リストや画像など複数のブ...
Cocoon Cocoon通知エリアのカスタマイズ方法｜流れる文字（スライド表示）とボタン追加
Cocoon通知エリアをカスタマイズすると、視線導線を活かしてクリック率を底上げできます。重要なお知らせを確実に見せたいキャンペーン導線を強化したいデザインをワ...
Cocoon Cocoonサイト型トップページの作り方｜シンプル＆おしゃれデザイン【HTML・CSSコピペOK】
2026/02/15更新リンクボタンのスタイルを修正しました。Cocoonでサイト型トップページは作れる？結論から言うと、Cocoonでもサイト型トップページは...
Cocoon 【Cocoon】CTAボックスの作り方と活用法｜アフィリエイトリンクを効果的に配置
CocoonでCTAボックスを作りたいけれど、ボタンを複数設置したいレイアウトを自由に組みたいCSSでデザインを調整したいと感じる場面もあります。Cocoonに...
Cocoon Cocoonアイコンボックスのカスタマイズ方法｜デザイン切替・色変更も完全対応
更新情報（2026/02/17）ボックスやアイコンのカラーを固定値から変更し、すべてCSS変数で管理できる設計にリニューアルしました。こんなことが簡単にできるよ...
Cocoon Cocoonラベルボックスをシンプル＆おしゃれにカスタマイズ！使い方・デザイン例・CSSコードまとめ
ラベルボックスは便利ですが、デフォルトのままだと少し物足りなく感じることがあります。余白が窮屈ラベル後ろの線が気になるもっと見栄えをよくしたいそんなときは、CS...
Cocoon 【Cocoon】FAQブロックの質問を見出し（H3）に変更するカスタマイズ｜SEO・可読性・回遊率UP
Cocoonの「FAQブロック」は、よくある質問を分かりやすく整理できる便利なブロックです。ただしデフォルトのままだと、質問文は見出しタグではなく通常のdiv要...
Cocoon Cocoon人気記事ランキング｜表示方法とラベルの色・スタイルを変更するカスタマイズ
更新情報2026/01/26 ラベルスタイル例に左上三角デザインを追加Cocoonテーマには独自のアクセス集計機能が搭載されており、そのデータを使って人気記事ラ...
Cocoon Cocoonナビカードの設定と使い方｜記事ピックアップ・レイアウト調整・リボンカスタマイズ
Cocoonで特定の記事をピックアップ表示する方法は主に2つあります。new_list（ordered_posts）で記事カード表示する方法ナビカードでカード型...
Cocoon Cocoonタイムライン（ステップ）ブロックをおしゃれにカスタマイズ｜6種類をワンクリック切替【コピペOK】
Cocoonの「タイムライン」ブロックは、手順解説や申し込みフローなどの時系列表示にぴったりな便利機能です。しかし、デフォルトのままだと「見た目がシンプル」「ブ...
Cocoon カラム固定を解消！Cocoonボックスメニューの列数を2〜6列に自由変更【コピペOK】
Cocoonのボックスメニューは、アイコン付きのメニューを簡単に設置できる便利な機能。サイトの回遊性を高め、読者を目的のページへスムーズに導く効果があります。し...
Cocoon Cocoon見出しボックスをカスタマイズ｜リストマーカー（点）の自動配色とデザイン切り替え実装
Cocoonの「見出しボックス」をもっとおしゃれに、もっと便利にカスタマイズしたい方へ。この記事では、ボックス内のリストマーカー（点）の色をボーダー色と自動で揃...
Cocoon Cocoon新着・人気記事・ナビカードを横並び表示｜カラム数をワンクリックで切替
Cocoonの新着記事・人気記事・ナビカードを横並びに表示する方法を解説。PC3列・スマホ2列などカラム数もワンクリックで切り替え可能。コピペで簡単導入できます。
Cocoon 【Cocoon】SNSでURLをシェアしたときの画像、ちゃんと設定できてる？OGP設定方法
SNSでサイトや記事をシェアしたときにOGP画像を表示する方法をご紹介します。意外と設定していないデフォルトの方が多いのでは？イメージを伝えて読者に訪れてもらえるようなサイトにしましょう。