Cocoon カラム固定を解消！Cocoonボックスメニューを2〜6列に切り替える方法
Cocoonのボックスメニューは、アイコン付きのメニューを簡単に設置できる便利な機能。サイトの回遊性を高め、読者を目的のページへスムーズに導く効果があります。し...
Cocoon 
Cocoon Cocoonブログカード｜タイトル・サムネ・抜粋文・URL表示をワンクリックで切り替えるカスタマイズ
更新情報2025.12.24 コード削減のため、CSSの全修正をおこないました縦型スタイルを1種類追加しましたCocoonでブログカードを使っていると、「もっと...
テーマ共通 CSSコピペOK！見出しをカスタマイズ｜おしゃれデザインサンプル集【Cocoon対応】
見出しデザインを工夫するだけで、記事の読みやすさや視認性がぐっと向上しサイト全体の印象も大きく変わります。この記事では、WordPress（一部無料ブログ）全般...
Cocoon Cocoonサイト型トップページの作り方｜シンプル＆おしゃれデザイン【HTML・CSSコピペOK】
トップページの第一印象が平凡で、他サイトと似てしまう……そんなお悩みありませんか？この記事では、Cocoonの固定ページとHTML・CSSで作る「サイト型トップ...
テーマ共通 複数画像を切り替えるフェードスライダーの作り方｜CSSアニメーション（JavaScript不要）
トップページにスライダーを設置すると、ファーストビューの印象が一気に引き締まりサイト全体の完成度が大きく向上します。ただし、「表示が重くなる」「JavaScri...
アフィリエイト Pochipp Pro（ポチッププロ）｜無料版との違い・価格・導入手順を詳しく紹介
アフィリエイト収益を効率よく伸ばしたい方にとって、Pochipp Pro（ポチッププロ）は非常に相性の良いプラグインです。無料版でもおしゃれな商品リンクを簡単に...
アフィリエイト ポチップとかんたんリンク比較｜物販アフィリエイト初心者向けツール選び
見出し2025.11.28_PA-API（Amazon）利用についての内容を一部更新しました。Amazonや楽天の商品をブログで紹介したいとき、「ポチップ」と「...
Cocoon Cocoon「見出しボックス」リストマーカー（点）の色を自動調整＆デザイン切り替えカスタマイズ
Cocoonの「見出しボックス」をもっとおしゃれに、もっと便利に。「リストの点がテーマカラーと合わない」「記事の内容に合わせて、デザインを切り替えたい」そんな方...
アフィリエイト ポチップの使い方と機能まとめ｜商品リンク・セール表示・インラインの活用法を解説
ポチップは、Amazon・楽天市場・Yahoo!に加えて、メルカリやカスタムリンクもまとめて扱える物販アフィリエイト向けプラグインです。「商品リンクの作り方が分...
アフィリエイト 【ポチップ対応】物販ASPの選び方・設定方法｜Amazon・楽天・Yahoo提携サービス比較
見出し2025.11.28_PA-API（Amazon）利用についての内容を一部更新しました。アフィリエイトを始めたときにまず迷うのが、「どのASP（アフィリエ...
Cocoon 【Cocoon】白抜きボックスをワンクリックで切り替え！15種デザイン拡張カスタマイズ
記事を編集するときに、「要点をまとめたいのにリストが使えない…」「ボックス内に複数の要素を配置したい…」と感じたことはありませんか？Cocoonの段落ブロックに...
Cocoon Cocoonラベルボックスをシンプル＆おしゃれにカスタマイズ！使い方・デザイン例・CSSコードまとめ
Cocoonの「ラベルボックス」は、注意書きや補足情報をシンプルに強調できる便利な装飾ブロックです。一方で、余白の窮屈さが気になるラベルの後ろに線が少し残ってし...
テーマ共通 タブ切り替えをHTMLとCSSで実装（JavaScriptなし）
通常タブ切り替えはJavaScriptを使って実装するケースが多いですが、実は CSSだけ でも作れます。この記事では、:checked 疑似クラスや :has...
Cocoon Cocoonナビカードの使い方｜目立たせたい記事をピックアップ表示する方法、リボンのカスタマイズ
Cocoonテーマには、特定の記事を目立たせたいときに便利な 「ナビカード」 機能が標準で搭載されています。新着記事や人気記事のような自動表示とは違い、「読んで...
Cocoon Cocoon「タブ見出しボックス」を自由にデザイン｜コピペで使える8種のオリジナルスタイル
見出し2025.11.04更新：選べるデザインに「マスキングテープ風」を追加！WordPressテーマ「Cocoon」のタブ見出しボックスは、記事内で見出しやコ...
Cocoon Cocoonアピールエリア｜画面いっぱいのフルスクリーン＋スクロール矢印・ズーム演出するカスタマイズ
Cocoonの「アピールエリア」はサイトの第一印象を決める重要なパーツ。ここを整えるだけでトップページの見栄え・ブランド感・読者の滞在率が大きく変わります。この...
Cocoon Cocoonで全幅（フルワイド）デザイン！幅いっぱいにする仕組みとおしゃれに仕上げるポイントを解説
Cocoonでも、有料テーマSWELLのようなフルワイド（全幅）デザインは再現できます。「SWELLのように幅いっぱいに表示したい」「でもCocoonだと余白調...
Cocoon Cocoonアイコンボックスをおしゃれにカスタマイズ｜クリックで簡単デザイン切り替え
Cocoonのアイコンボックスは、補足説明や注意書きを分かりやすく伝えられる便利なブロックです。しかし標準状態ではデザインが1種類のみで、記事内容に合わせた使い...
Cocoon Cocoon新着・人気記事・ナビカードを横並びに！カラム数をワンクリックで変更する方法
Cocoonの新着記事・人気記事・ナビカードを横並びに表示する方法を解説。PC3列・スマホ2列などカラム数もワンクリックで切り替え可能。コピペで簡単導入できます。
Cocoon Cocoon検索ボックスをアピールエリアに表示する方法｜HTMLテンプレート化で簡単実装
2025.12.04 手順をよりシンプル（簡単）に修正しました。Cocoonの「アピールエリア」、そのまま使っていませんか？ここに検索フォームを設置すると、ユー...