Cocoon 【Cocoon】カラーパレットの色を自由に変更・追加する方法
WordPressのブロックエディタ（Gutenberg）では、文字色や背景色の変更に便利な「カラーパレット」が用意されています。しかし、標準で用意されている色...
Cocoon 
Cocoon Cocoonテーブル（表）の中にリンクボタンを置く方法｜簡単・視認性アップでクリック率も向上
比較表・料金表・アフィリエイト表などを、もっと見やすく・わかりやすくしたい！そんなときに便利なのが「表の中にリンクボタンを設置する方法」です。WordPress...
テーマ共通 CSS・SVGで作る境界線と背景デザイン｜波、三角形、斜めラインを使ったおしゃれな装飾テクニック
Webデザインでは、ちょっとした工夫で見た目の印象が変わります。その中でもおすすめなのが「境界線」や「背景スタイル」のデザイン。線や背景にアクセントを入れるだけ...
サイト設定 サブドメインを常時SSL化（https化）リダイレクトする方法｜エックスサーバー設定
WordPressでブログやサイトを立ち上げたら、まず最初に取り組みたいのが「SSL化（https化）」です。SSLは通信を暗号化してユーザーの大切な情報を守る...
Cocoon Cocoonサイドバー目次追従＆スクロール対応にする方法【見切れ対策】
Cocoonでサイドバーの目次追従したときに見切れてしまうときの対策をご紹介。
サイト設定 エックスサーバー｜サブドメイン設定で２つめのブログ（複数サイト）を作る方法
ブログを運営していると、「もうひとつ作りたい」と思う瞬間が出てくるはず。別ジャンルに挑戦したいときや、雑記ブログから伸びているテーマだけを切り分けたいときなど、...
Cocoon 【Cocoon】アピールエリアに検索ボックスを設置する方法｜HTMLテンプレートで簡単実装
2025.12.04 手順をよりシンプル（簡単）に修正しました。Cocoonの「アピールエリア」に検索フォームを設置すると、ユーザーが知りたい情報へ一瞬でたどり...
アフィリエイト ポチップの使い方と機能まとめ｜商品リンク・セール表示・インラインの活用法を解説
ポチップは、Amazon・楽天市場・Yahoo!に加えて、メルカリやカスタムリンクもまとめて扱える物販アフィリエイト向けプラグインです。「商品リンクの作り方が分...
サイト設定 WordPressの初期設定｜SEO・セキュリティ・公開前に必ずやることリスト
WordPressを始めたばかりの初心者必見！後悔しないための初期設定を優先度別に解説。サーバー選びからSEO対策まで、最初に整えておきたいポイントをまとめました。
Cocoon Cocoonアコーディオン（トグル）をカスタマイズ！10種類のデザインでスッキリ魅せる
Cocoonテーマのアコーディオン（トグル）は、情報量が多いページでもクリックひとつで内容を折りたためるブロックです。ただし、デフォルトのデザインは1種類のみ。...
Cocoon 【Cocoon】FAQブロックの質問を見出し（H3）に変更するカスタマイズ｜SEO・可読性・回遊率UP
Cocoonの「FAQブロック」は、よくある質問を分かりやすく整理できる便利なブロックです。ただしデフォルトのままだと、質問文は見出しタグではなく通常のdiv要...
アフィリエイト Pochipp Pro（ポチッププロ）｜無料版との違い・価格・導入手順を詳しく紹介
アフィリエイト収益を効率よく伸ばしたい方にとって、Pochipp Pro（ポチッププロ）はとても相性の良いプラグインです。無料版でもおしゃれな商品リンクを簡単に...
CSSの基礎 【CSS】transition（トランジション）の使い方｜hoverなどでゆっくり、なめらかに変化するアニメーション
サイトにちょっとした動きを加えるだけで見た目の印象は大きく変わります。その中でも CSSの「transitionトランジション」 は、要素の状態変化をなめらかに...
Cocoon 【Cocoon】タブブロックの使い方とデザイン強化カスタマイズ｜均等配置・横スクロール対応
WordPressテーマCocoon（2.7.3～）に標準搭載された、待望の「タブブロック」。タブを切り替えるだけで表示内容を入れ替えられるため、「情報をコンパ...
Cocoon Cocoonで全幅（フルワイド）デザイン！幅いっぱいにする仕組みとおしゃれに仕上げるポイントを解説
Cocoonでも、有料テーマSWELLのようなフルワイド（全幅）デザインは再現できます。「SWELLのように幅いっぱいに表示したい」「でもCocoonだと余白調...
Cocoon Cocoon『もっと見る』『次のページ』『新着記事』のテキスト変更カスタマイズ
Cocoonを使っていると、「もっと見る」「次のページ」「新着記事」などの表記が、サイトの雰囲気に合わないと感じることがあります。英語表記にしたいクリックを促し...
Cocoon Cocoonアピールエリア｜画面いっぱいのフルスクリーン＋スクロール矢印・ズーム演出するカスタマイズ
更新情報2026/02/05 レイアウト、スクロール矢印のCSSを修正デモページ公開Cocoonの「アピールエリア」はサイトの第一印象を決める重要なパーツ。ここ...
テーマ共通 WordPressパターン機能でラクラク時短！再利用ブロックの使い方と同期・非同期の違い
毎回、同じ装飾ボックスやCTAを手作業で作っていませんか？WordPressの「パターン」機能を使えば、よく使うブロックやレイアウトを登録して、他の投稿やページ...
テーマ共通 複数画像を切り替えるフェードスライダーの作り方｜CSSアニメーション（JavaScript不要）
トップページにおしゃれな画像スライダーを置きたいけれど、「表示が重くなる」「JavaScriptの管理が不安」「できるだけシンプルに実装したい」と感じている方も...
Cocoon カラム固定を解消！Cocoonボックスメニューの列数を2〜6列に切り替える方法
Cocoonのボックスメニューは、アイコン付きのメニューを簡単に設置できる便利な機能。サイトの回遊性を高め、読者を目的のページへスムーズに導く効果があります。し...