サイト型トップページの作り方を公開しています!Check

Cocoonカスタマイズ

Cocoonカスタマイズ

Cocoonアイコンボックスのカスタマイズ方法|デザイン切替・色変更も完全対応

更新情報(2026/02/17)ボックスやアイコンのカラーを固定値から変更し、すべてCSS変数で管理できる設計にリニューアルしました。こんなことが簡単にできるよ...
Cocoonカスタマイズ

Cocoonブログカードをカスタマイズ|表示切替12スタイルでCTR改善【コピペOK】

更新情報2026/03/04 CSSを微修正2025/12/20 縦型スタイルを1種類追加、掲載コードを全修正記事内リンクとしてよく使うCocoonのブログカー...
Cocoonカスタマイズ

Cocoonナビカードの設定と使い方|記事ピックアップ・レイアウト調整・リボンカスタマイズ

Cocoonで特定の記事をピックアップ表示する方法は主に2つあります。new_list(ordered_posts)で記事カード表示する方法ナビカードでカード型...
Cocoonカスタマイズ

Cocoon人気記事ランキング|表示方法とラベルの色・スタイルを変更するカスタマイズ

更新情報(2026/01/26) ラベルスタイル例に左上三角デザインを追加Cocoonテーマには独自のアクセス集計機能が搭載されており、そのデータを使って人気記...
Cocoonカスタマイズ

Cocoonでフルワイド(幅いっぱい)にする方法|全幅表示+背景デザインの作り方

背景が端まで広がらない余白が消えない横スクロールが出てしまうCocoonでフルワイド(全幅)デザインを作ろうとすると、このあたりでつまずく方が非常に多いです。設...
Cocoonカスタマイズ

【Cocoon】カラーパレットの色を自由に変更・追加する方法

WordPressのブロックエディタ(Gutenberg)では、文字色や背景色の変更に便利な「カラーパレット」が用意されています。しかし、標準で用意されている色...
Cocoonカスタマイズ

Cocoon『もっと見る』『次のページ』『新着記事』のテキスト変更カスタマイズ

Cocoonを使っていると、「もっと見る」「次のページ」「新着記事」などの表記が、サイトの雰囲気に合わないと感じることがあります。英語表記にしたいクリックを促し...
Cocoonカスタマイズ

Cocoon目次が見切れる原因と解決方法|サイドバー追従目次をスクロール対応にするCSS

Cocoonでサイドバーの目次追従したときに見切れてしまうときの対策をご紹介。
Cocoonカスタマイズ

【Cocoon】特定のおすすめ記事をピックアップ表示する方法|new_listショートコード(ordered_posts)の使い方

Cocoonで特定の記事をピックアップ表示する方法は主に2つあります。new_list(ordered_posts)で記事カード表示する方法ナビカードでカード型...
Cocoonカスタマイズ

Cocoon通知エリアのカスタマイズ方法|流れる文字(スライド表示)とボタン追加

Cocoon通知エリアをカスタマイズすると、視線導線を活かしてクリック率を底上げできます。重要なお知らせを確実に見せたいキャンペーン導線を強化したいデザインをワ...
Cocoonカスタマイズ

Cocoonで投稿日・更新日を表示する方法|ウィジェットで新着・人気記事に日付を追加

Cocoonで新着記事・人気記事に「投稿日・更新日」を表示したい方へ。この記事では、表示方法ごとの違い(CSSが必要かどうか)コピペで使える基本CSS表示位置や...
スポンサーリンク