Cocoonカスタマイズ 【Cocoon】検索フォーム（検索窓）のデザインを変更｜CSSコピペOKサンプル集
Cocoonの検索フォームは、CSSを少し追加するだけでデザインを変更できます。この記事では、Cocoonの検索フォームをCSSでデザイン変更する方法を、コピペ...
Cocoonカスタマイズ
Cocoonカスタマイズ 
Cocoonカスタマイズ 【Cocoon】アピールエリアに検索フォームを設置する方法｜回遊率アップのトップページ導線
Cocoonの「アピールエリア」に検索フォームを設置すると、ユーザーが知りたい記事をすぐに探せるようになり、サイトの回遊率アップにもつながります。しかも設置はと...
Cocoonカスタマイズ Cocoonサイト型トップページの作り方ガイド｜ブロック版とHTMLカスタマイズを解説【初心者向け】
Cocoonのトップページは、ブログ型だけでなくWebサイトのような 「サイト型トップページ」 にカスタマイズできます。サイト型トップページにすると、人気記事や...
Cocoonカスタマイズ 【Cocoon】特定のおすすめ記事をピックアップ表示する方法｜new_listショートコード（ordered_posts）の使い方
Cocoonで特定の記事をピックアップ表示する方法は主に2つあります。new_list（ordered_posts）で記事カード表示する方法ナビカードでカード型...
Cocoonカスタマイズ 超簡単！Cocoonブロック機能でサイト型トップページを作る方法｜コード最小限・初心者向け
Cocoonでオリジナルのトップページを作りたいけど、どこから始めればいいの？そんな方は、サイト型トップページ全体の構成やメリットをまとめたページ Cocoon...
Cocoonカスタマイズ Cocoonサイト型トップページの作り方｜シンプル＆おしゃれデザイン【HTML・CSSコピペOK】
更新情報（2026/02/15）リンクボタンのスタイルを修正しました。Cocoonでサイト型トップページは作れる？結論から言うと、Cocoonでもサイト型トップ...
Cocoonカスタマイズ Cocoonアピールエリア｜画面いっぱいのフルスクリーン＋スクロール矢印・ズーム演出するカスタマイズ
更新情報（2026/02/05）レイアウト、スクロール矢印のCSSを修正デモページ公開Cocoonの「アピールエリア」はサイトの第一印象を決める重要なパーツ。こ...
Cocoonカスタマイズ 【Cocoon】タブブロックの使い方とデザイン強化カスタマイズ｜均等配置・横スクロール対応
WordPressテーマCocoon（2.7.3～）に標準搭載された、待望の「タブブロック」。タブを切り替えるだけで表示内容を入れ替えられるため、「情報をコンパ...
Cocoonカスタマイズ Cocoon人気記事ランキング｜表示方法とラベルの色・スタイルを変更するカスタマイズ
更新情報（2026/01/26） ラベルスタイル例に左上三角デザインを追加Cocoonテーマには独自のアクセス集計機能が搭載されており、そのデータを使って人気記...
Cocoonカスタマイズ Cocoonブログカードをカスタマイズ｜表示切替12スタイルでCTR改善【コピペOK】
更新情報2026/03/04 CSSを微修正2025/12/20 縦型スタイルを1種類追加、掲載コードを全修正記事内リンクとしてよく使うCocoonのブログカー...
Cocoonカスタマイズ 【Cocoon】白抜きボックスのデザインを17種類に拡張｜ワンクリック切替カスタマイズ
更新情報（2026/02/19）ノート風スタイルのCSSを一部修正しました。Cocoonの「段落ブロック」は手軽に装飾できて便利ですが、リストや画像など複数のブ...
Cocoonカスタマイズ Cocoonタイムライン（ステップ）ブロックをおしゃれにカスタマイズ｜6種類をワンクリック切替【コピペOK】
更新情報（2026/02/28）サイズ・線幅を変数で管理、カスタムしやすいようにCSSを修正しました。Cocoonの「タイムライン」ブロックは、手順解説や申し込...
Cocoonカスタマイズ Cocoonアコーディオン（トグル）をカスタマイズ！10種類のデザインでスッキリ魅せる
更新情報（2026/02/28）アイコン変更開閉時のアニメーション追加Cocoonテーマのアコーディオン（トグル）は、情報量が多いページでもクリックひとつで内容...
Cocoonカスタマイズ Cocoon「タブ見出しボックス」を自由にデザイン｜コピペで使えるカスタムスタイル8種類【ワンクリック切替】
更新情報（2026/02/15 ）見出しテキストの省略処理、CSS微修正WordPressテーマ「Cocoon」のタブ見出しボックスは、記事内で見出しやコンテン...
Cocoonカスタマイズ Cocoonで全幅（フルワイド）デザイン！幅いっぱいにする仕組みとおしゃれに仕上げるポイントを解説
標準では難しそうに見えるCocoonでも、有料テーマSWELLのようなフルワイド（全幅）デザインは作れます。「トップページが野暮ったいと感じる」「SWELLのよ...
Cocoonカスタマイズ 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要...