Cocoonカスタマイズ Cocoonトップページ作成ガイド｜サイト型トップページを作る方法（HTML・ブロック対応）
Cocoonでは、ブログ型ではなく「サイト型トップページ」を作ることもできます。例えば次のような構成です。メインビジュアル（サイトの印象を作る）カテゴリ別の記事...
Cocoonカスタマイズ 
Cocoonカスタマイズ Cocoon FAQブロックの質問をH3化（目次に表示）｜SEOと可読性をアップする方法
Cocoonの「FAQブロック」は、よくある質問を分かりやすく整理できる便利なブロックです。ただしデフォルトのままだと、質問文は見出しタグではなく通常のdiv要...
Webカスタマイズ WordPressでスクロールでふわっと表示する方法｜CSS＋IntersectionObserver実装（プラグインなし）
Webサイトでよく見かける、スクロールに合わせて要素がふわっと表示されるフェードインやスライドアニメーション。「自分のサイトでも導入したいけど難しそう…」と思う...
アフィリエイト Pochipp Pro（ポチッププロ）は必要？無料版との違い・料金・導入手順を徹底解説
アフィリエイト収益を効率よく伸ばしたい方にとって、Pochipp Pro（ポチッププロ）は便利な商品リンク強化プラグインです。無料版でもおしゃれな商品リンクは作...
Cocoonカスタマイズ Cocoonタブブロックの使い方とデザイン強化カスタマイズ｜均等配置・横スクロール対応
WordPressテーマCocoon（2.7.3～）に標準搭載された、待望の「タブブロック」。タブを切り替えるだけで表示内容を入れ替えられるため、「情報をコンパ...
CSS基礎 WordPress「追加CSSクラス」使い方｜特定ブロックだけデザインを簡単に変更する方法
WordPressのブロックエディタで、特定のブロックだけにデザインを追加したいときに便利なのが「追加CSSクラス」です。初心者でも簡単に文字色や背景色、アニメ...
CSS基礎 CSS変数（カスタムプロパティ）の使い方｜varと:rootの基本・スコープ・フォールバック・実践例まで解説
「色を変えたいだけなのに、何ヶ所も修正しないといけない…」そんなとき、CSS変数（カスタムプロパティ）を使えば、色や数値などの設定を一箇所にまとめて管理できます...
CSS基礎 CSSが効かない・反映されない原因と対策まとめ｜デベロッパー（検証）ツールで簡単チェック
CSSが反映されない原因を詳しく解説！デベロッパーツールの活用方法から優先度やキャッシュの影響、エラーチェック方法まで、初心者にも分かりやすい解決策をまとめました。
サイト設定 WordPressパーマリンク｜途中で変更できる？投稿名にする方法、リダイレクト設定と注意点
パーマリンクに日付が入っていて、途中から「投稿名」に変更しても大丈夫なのか不安になりますよね。WordPressのパーマリンクは運営途中から変更することもありま...
サイト設定 エックスサーバーのSSL設定方法｜httpsにならない原因とリダイレクト・サブドメインSSLまで解説
エックスサーバーでSSL設定をしたのにhttpsにならない、リダイレクトされない、サブドメインSSLが効かないと困っていませんか。この記事では、エックスサーバー...
Cocoonカスタマイズ Cocoonブログカードをカスタマイズ｜表示切替12スタイルでCTR改善【コピペOK】
更新情報2026/03/04 CSSを微修正2025/12/20 縦型スタイルを1種類追加、掲載コードを全修正記事内リンクとしてよく使うCocoonのブログカー...
Cocoonカスタマイズ Cocoonタイムライン（ステップ）ブロックをおしゃれにカスタマイズ｜デザイン簡単切替【コピペOK】
更新情報（2026/02/28）サイズ・線幅を変数で管理、カスタムしやすいようにCSSを修正しました。Cocoonの「タイムライン」ブロックは、手順解説や申し込...
Webカスタマイズ CSSだけで作るフェードスライダー｜複数画像を切り替える方法
トップページにおしゃれな画像スライダーを置きたいけれど、「表示が重くなる」「JavaScriptの管理が不安」「できるだけシンプルに実装したい」と感じている方も...
Webカスタマイズ 見出しデザインをおしゃれにカスタマイズ【Cocoon対応・CSSサンプル付き】
更新情報（2026/02/08） 一部CSSを微調整しました見出しデザインを変えるだけで、記事の読みやすさや視認性は大きく変わりサイト全体の印象もアップします。...
Cocoonカスタマイズ Cocoon検索フォームCSSカスタマイズ｜検索窓デザインサンプル集（コピペOK）
Cocoonの検索フォーム（検索窓）は、CSSを追加するだけで簡単にデザインを変更できます。「検索フォームをおしゃれにしたい」「ブログデザインに合わせたい」そん...
Cocoonカスタマイズ 【Cocoon】アピールエリアに検索フォームを設置する方法｜回遊率アップのトップページ導線
Cocoonの「アピールエリア」に検索フォームを設置すると、ユーザーが知りたい記事をすぐに探せるようになり、サイトの回遊率アップにもつながります。しかも設置はと...
CSS基礎 CSSで中央寄せする方法まとめ｜テキスト・画像・バナー・ボックスを迷わず真ん中に配置
中央に揃えるというレイアウトは、Webデザインで最もよく使う基本テクニックのひとつ。ただし、要素の種類（テキスト・画像・ブロック要素）や揃え方（横だけ・縦横両方...
サイト設定 【Cocoon対応】Googleアドセンス審査コードの貼り方｜保存できない・確認できない原因と対処法
Google AdSenseの審査では、申請したサイトの所有者であることを確認するために、審査用コードをサイトの <head> 内へ正しく設置する必要があります...
Cocoonカスタマイズ 【Cocoon】特定のおすすめ記事をピックアップ表示する方法｜new_listショートコード（ordered_posts）の使い方
Cocoonで特定の記事をピックアップ表示する方法は主に2つあります。new_list（ordered_posts）で記事カード表示する方法ナビカードでカード型...
Webカスタマイズ アンカーリンクの作り方｜HTMLで同じページ内リンクを設定する方法（WordPress対応）
長い記事を読んでいると、「ここだけ見たいのに、スクロールが長い…」と感じる瞬間があります。そんなときに便利なのが、アンカーリンク（ページ内リンク）です。ページの...