Cocoon Cocoonブログカードをカスタマイズ！タイトル・サムネ・抜粋文・URL表示をワンクリックで切り替える方法
Cocoonでブログカードを使っていると、「この場面ではもう少しシンプルにしたい」「表示を切り替えられたら便利なのに」と感じることはありませんか？この記事では、...
Cocoon 
Cocoon Cocoonタイムライン（ステップブロック）おしゃれ化カスタマイズ｜最大6種類のデザイン切り替え
2025.9.26_選べるデザインにステップ式（番号）を追加しました。NEW!Cocoonの「タイムライン」ブロック、便利ですよね。手順解説・レシピ・申し込みフ...
Cocoon Cocoonラベルボックスをシンプル＆おしゃれにカスタマイズ！使い方・デザイン例・CSSコードまとめ
Cocoonの「ラベルボックス」は情報をまとめるのに便利な機能ですが、余白が狭かったり、見出しの後ろに線が残ったりしてもう少しすっきりさせたいという声もよく聞き...
Cocoon Cocoonアコーディオン（トグル）をカスタマイズ！10種類のデザインでスッキリ魅せる
WordPressテーマ「Cocoon」のアコーディオンボックス、使っていますか？情報量が多いページでも、クリックひとつで内容を折りたためるとても便利な機能です...
Cocoon カラム固定を解消！Cocoonボックスメニューを2〜6列に切り替える方法
Cocoonのボックスメニューは、アイコン付きのメニューを簡単に設置できる便利な機能。サイトの回遊性を高め、読者を目的のページへスムーズに導く効果があります。し...
Cocoon Cocoon白抜きボックスをおしゃれにカスタマイズ！複数デザインの使い分け方法
Cocoonの段落装飾は便利ですが、箇条書きなどのブロック要素を入れられない弱点があります。「注意書きをまとめたいのにリストが使えない…」「ボックス内に複数の要...
Cocoon Cocoon「タブ見出しボックス」を自由にデザイン｜コピペで使える8種のオリジナルスタイル
見出し2025.11.04更新：選べるデザインに「マスキングテープ風」を追加しました。Cocoonの「タブ見出しボックス」は、自由に見出しや色設定ができる汎用性...
Cocoon Cocoonタブブロックの使い方＆おしゃれカスタマイズ｜ワンクリックで12デザイン切替
WordPressテーマCocoon（2.7.3～）に標準搭載された、待望の「タブブロック」。タブを切り替えるだけで表示内容を入れ替えられるため、「情報をコンパ...
Cocoon Cocoon「見出しボックス」リストマーカー（点）の色を自動調整＆デザイン切り替えカスタマイズ
Cocoonの「見出しボックス」をもっとおしゃれに、もっと便利に。「リストの点がテーマカラーと合わない」「記事の内容に合わせて、デザインを切り替えたい」そんな方...
Cocoon Cocoon新着・人気記事・ナビカードを横並びに！カラム数をワンクリックで変更する方法
Cocoonの新着記事・人気記事・ナビカードを横並びに表示する方法を解説。PC3列・スマホ2列などカラム数もワンクリックで切り替え可能。コピペで簡単導入できます。
Cocoon Cocoonアイコンボックスをおしゃれにカスタマイズ｜クリックで簡単デザイン切り替え
Cocoonアイコンボックスは、アイコンとテキストを組み合わせた魅力的なボックスデザインを簡単に作成できます。補足情報に便利ですが、デフォルトではデザインが固定...
Cocoon Cocoonウィジェット・ショートコードで新着記事・人気記事に日付を表示する方法（投稿日・更新日）
Cocoonでは、新着記事・人気記事をブロック／ウィジェット／ショートコードの3通りで表示できます。投稿日や更新日の日付はデフォルトでは非表示ですが、表示方法に...
サイト設定 途中でパーマリンク変更できる？エックスサーバーでの設定方法｜日付を消して投稿名に
途中からパーマリンクを変更しても大丈夫なの？そんな不安を感じていませんか。WordPressでは、日付入りパーマリンクから「投稿名」への変更は可能です。ただし、...
Cocoon Cocoonで全幅（フルワイド）デザイン！幅いっぱいにする仕組みとおしゃれに仕上げるポイントを解説
Cocoonでも、有料テーマSWELLのようなフルワイド（全幅）デザインは再現できます。「SWELLのように幅いっぱいに表示したい」「でもCocoonだと余白調...
Cocoon 超簡単！Cocoonのブロック機能でサイト型トップページを作る方法
更新情報：読者の実例集に以下のサイトを掲載しました。2025.10.10｜MakalikaMalama2025.10.09｜ちあログ2025.10.02｜手帳と...
テーマ共通 タブ切り替えをHTMLとCSSで実装（JavaScriptなし）
通常タブ切り替えはJavaScriptを使って実装するケースが多いですが、実は CSSだけ でも作れます。この記事では、:checked 疑似クラスや :has...
Cocoon Cocoon人気記事ランキング｜表示方法とラベルの色やスタイルを変更するカスタマイズ
Cocoonテーマには独自のアクセス集計機能が搭載されており、そのデータを使って人気記事ランキングを簡単に表示できます。サイドバーやトップページに設置すれば、読...
CSSの基礎 ChromeデベロッパーツールでCSSセレクタを調べる方法｜初心者向けに解説
CSSでカスタマイズしてみたいけど、「どの要素を指定すればいいのかわからない…」「書いたCSSが思った通りに反映されない…」そんな経験はありませんか？実は、ほと...
Cocoon 【Cocoon】SNSでURLをシェアしたときの画像、ちゃんと設定できてる？OGP設定方法
SNSでサイトや記事をシェアしたときにOGP画像を表示する方法をご紹介します。意外と設定していないデフォルトの方が多いのでは？イメージを伝えて読者に訪れてもらえるようなサイトにしましょう。
Cocoon Cocoonナビカードの使い方｜目立たせたい記事をピックアップ表示する方法、リボンのカスタマイズ
Cocoonテーマには、特定の記事を目立たせたいときに便利な 「ナビカード」 機能が標準で搭載されています。新着記事や人気記事のような自動表示とは違い、「読んで...