無料テーマ『Cocoon』の初期設定を5ステップで完全解説【初心者ブロガー必見！】

cocoon
2026.01.28

　新しいブログをWordPressと人気テーマ『Cocoon』で始めるとき、ワクワクする気持ちと同時に「設定がたくさんあって何から手をつければ・・・」と手が止まってしまう。

最初は私も、誰でもつまづく経験をしていることです。

　多くの解説記事を検索しても、基本的な設定は教えてくれますが、実はその裏には、初心者がつい見落としてしまいがちなポイントについては触れられていません。

　そこでこの記事では、セキュリティ、SEO、そして将来のメンテナンス性を左右する、驚くほど重要でありながら見過ごされがちな設定のポイントを解説します。

　これらのポイントを最初にしっかり押さえておけば、将来の大きなトラブルを未然に防ぎ、安心して記事作成に集中できる強固な土台を築くことができるはずです。

はじめに

　WordPressインストール後、無料テーマ『Cocoon』を使用する初心者を対象とし、初期設定に関する核心的な手順と要点をまとめました。

　記事執筆を開始するための最低限必要な設定について解説していきます。
設定プロセスは大きく5つの段階に分けられる。

  1. WordPressの基本設定：
    パーマリンクを「投稿名」に設定し、セキュリティ強化のためにユーザーのニックネームを変更。
  2. Cocoonテーマのインストール：
    親テーマと子テーマの両方をインストールし、カスタマイズの維持を目的として「子テーマ」を有効化する。
  3. Cocoonのカスタマイズ：
    サイトの高速化、デザイン（キーカラー、フォント）、SEO（メタディスクリプション、OGP）、UI/UX（PV数非表示、アピールエリア）に関する詳細な設定を行う。
  4. 必須プラグインの導入：
    セキュリティ（SiteGuard WP Plugin）、スパム対策（Akismet）、画像最適化（EWWW Image Optimizer）、日本語環境対応（WP Multibyte Patch）、お問い合わせフォーム（Contact Form 7）、サイトマップ生成（XML Sitemaps & Google News）といった、ブログ運営に不可欠な6つのプラグインを設定する。
  5. Googleツールとの連携：
    アクセス解析のためのGoogle Analyticsと、検索エンジンへの登録・分析を行うGoogle Search Consoleとの連携手順。

　これらの設定を完了させることで、ユーザーが「あとは記事を書いていくだけ」というブログ運営のスタートラインに立てる状態を目指しています。

1. WordPressの基本設定

　ブログ全体の基盤となるWordPress自体の設定項目を以下にまとめました。
特にパーマリンクとユーザープロファイルは、後々のSEOやセキュリティに大きく影響するため、初期段階での適切な設定が不可欠です。

設定項目推奨設定目的と注意点
一般設定タイムゾーン： 東京
日付・時刻形式：任意
週の始まり：任意		サイト全体の時刻基準を日本時間に統一します。
日付形式などは個人の好みで選択可能。
パーマリンク設定投稿名記事URLの構造を決定する最重要設定。
日付など不要な情報を含めず、記事内容を示すキーワードをURLに含めることでSEO上有利になります。
後から変更するとURLが変わり、Googleからの評価がリセットされるリスクがあります。
ユーザープロファイルニックネームをユーザー名と違うものに変更セキュリティ上の脆弱性をなくすため、ログインに使用するユーザー名と公開されるニックネームを必ず別のものに設定することをおすすめします。

2. Cocoonテーマのインストールと有効化

　WordPressの外観と機能を決定する『Cocoon』テーマの導入手順について解説していきます。親テーマと子テーマの役割を理解し、正しく設定することが重要です。

『Cocoon』公式サイト　→　https://wp-cocoon.com/

  1. テーマのダウンロード：
    Cocoon公式サイトから「親テーマ」と「子テーマ」の両方のZIPファイルをダウンロードする。
  2. WordPressへのインストール：
    • WordPressダッシュボードの「外観」→「テーマ」→「新規追加」→「テーマのアップロード」を選択。
    • 最初に「親テーマ」のZIPファイルをアップロードしてインストール。
    • 次に「子テーマ」（cocoon-child）のZIPファイルを同様にアップロードしてインストール。
  3. 子テーマの有効化：
    • 必ず「子テーマ」を有効化する。
    • 理由：
      親テーマを直接カスタマイズした場合、テーマのアップデート時に設定が全て初期化されてしまう恐れがあります。子テーマを有効化しておけば、親テーマがアップデートされてもカスタマイズ内容は維持されます。
  4. 不要なデフォルトテーマの削除：
    Cocoon以外のデフォルトテーマ（例: Twenty Twenty-Four）は使用しないため、削除して管理画面を整理しておきましょう。

3. Cocoonの主要設定とカスタマイズ

　Cocoonテーマが持つ豊富な設定項目の中から、ブログ運営開始前に済ませておくべき重要なカスタマイズを解説していきます。

3.1 高速化設定

サイトの表示速度はユーザー体験とSEOに直結する。

  • 場所：【Cocoon設定】 → 【高速化】
  • 設定項目：
    • ブラウザキャッシュ：
      【キャッシュを有効化にする】にチェック。
    • 縮小化：
      【CSSを縮小化する】にチェック。
      【JavaScriptを縮小化する】にチェック。
    • Lazy Load設定：
      【Lazy Loadを有効にする】にチェック。

3.2 デザインとレイアウト

　サイトの第一印象を決定するデザイン関連の設定をします。

  • 場所：【Cocoon設定】 → 【全体】
  • 主要項目：
    • スキン：
      サイト全体のデザインテンプレートを選択できます（記事がない初期段階ではイメージが湧きにくいかもしれません）。
    • サイトキーカラー：
      サイトのテーマカラーを設定できます。落ち着いた印象を与える青色がおすすめです。
    • フォント：
      デフォルトで問題ないが、好みで変更可能です。
    • 文字サイズ：
      PCは18px（デフォルト）、モバイルは16px（デフォルト）が最適です。
    • リンクの色：
      クリックされやすいとされる青色がおすすめです。
    • サイドバーの位置：
      一般的な右側配置ががおすすめです。

3.3 表示項目の管理

　読者にとって不要な情報を非表示にし、管理を効率化する設定。

  • 場所：【Cocoon設定】 → 【管理者画面】
  • 設定項目：
    • 投稿・固定ページ一覧設定：
      【PVを表示する】のチェックを外す（記事ごとの閲覧数を表示する機能ですが、読者に見せる必要はない）。
    • 管理者パネル：
      【編集エリアを表示する】のチェックを外す。

3.4 SEO関連設定

　検索エンジン最適化のための基本的な設定をします。

  • 場所：【Cocoon設定】 → 【タイトル】
  • 設定項目：
    • フロントページタイトル：
      キャッチフレーズがなければ「サイト名」のみに設定。
    • サイトのメタディスクリプション：
      サイトの説明文。検索結果に表示されるため、160文字以内でサイトをアピールする文章を入力する。
  • 場所：【Cocoon設定】 → 【SEO】
  • 設定項目：
    • headタグ設定：
      カテゴリーページをnoindexとする：
      【カテゴリーページの2ページ目以降をnoindexする】にチェック。
  • 場所：【Cocoon設定】 → 【OGP】
  • 設定項目：
    • Twitterカード設定：
      Twitterカードタイプ：
      【大きな画像のサマリー】を選択。
    • ホームイメージ：
      デフォルト画像はCocoonのロゴになっています。自身のオリジナル画像に変更するか、クリアする。

3.5 アピールエリアとヘッダーのカスタマイズ

　トップページ上部に画像やCall to Action（CTA）ボタンを設置する機能です。プレゼント企画やSNSへの誘導や宣伝などがあれば設定しておきましょう。

  • 場所：【Cocoon設定】 → 【アピールエリア】
    • アピールエリア設定：
      「フロントページのみで表示」に設定。
      背景画像、テキスト、ボタンを設置し、特定のリンク先（例：特典配布ページ、SNSアカウント）へ誘導できる。
  • 場所：【Cocoon設定】 → 【ヘッダー】
    • ヘッダー設定：
      グローバルメニュー（ナビゲーションバー）の配置を中央から「トップメニュー右寄せ」などに変更可能。
      メニュー項目の幅も調整できる。

4. 必須プラグインの導入と設定

　WordPressの機能を拡張し、セキュリティやパフォーマンスを向上させるためのプラグインは、以下の6つをおすすめします。

プラグイン名カテゴリ目的と主要な設定
Akismet Anti-Spamスパム対策迷惑コメントやメールを自動でフィルタリングする。
無料のパーソナルプランを選択し、APIキーを取得して設定する。
WP Multibyte Patch日本語環境WordPressにおける日本語の文字化けなどを防ぐ。有効化するだけで機能する。
SiteGuard WP Pluginセキュリティ不正ログイン対策の総合プラグイン。特に重要な設定は以下の通り。
・ログインページ変更：
wp-login.phpから推測されにくいURLに変更し、必ずブックマークする。
・画像認証：
ログイン画面にひらがなの画像認証を追加する。
・ユーザー名漏洩防御：
/?author=1というURLでユーザー名が漏洩するのを防ぐ。必ずオンに設定する。
EWWW Image Optimizer画像最適化画像を自動で圧縮・最適化し、サイト表示を高速化する。
・メタデータ削除とWebP変換にチェック。
・遅延読み込み（Lazy Load）幅の上限を800pxに設定する（Cocoon推奨値）。
Contact Form 7フォーム作成お問い合わせページを作成する定番プラグイン。
生成されたショートコードを固定ページに貼り付けるだけでフォームが完成する。
XML Sitemaps & Google NewsSEOサイトの構造をGoogleに伝えるためのXMLサイトマップを自動生成・更新する。
・投稿ページと固定ページをインデックス対象に含める。
・「投稿者」ページはインデックス対象から除外する。

5. Googleツールとの連携

　サイトのアクセス状況を把握し、検索エンジンでの評価を管理するための必須ツール。

5.1 Google Analytics (GA4)

目的：サイトのアクセス数、ユーザー属性、行動などを詳細に分析する。

  1. アカウント作成：Google Analytics公式サイトからアカウントとプロパティを作成する。
    Google Analytics公式サイト　→　https://developers.google.com/analytics?hl=ja
  2. データストリーム設定：対象サイトのURLを登録し、データストリームを作成する。
  3. トラッキングコード設置：
    • 発行されたgtag.jsのトラッキングコードをコピーする。
    • WordPressダッシュボードの【Cocoon設定】 → 【アクセス解析・認証】を開く。
    • 「ヘッド用コード」の欄にコピーしたコードを貼り付けて保存する。
  4. 連携確認：設定後、自身のサイトにアクセスし、Analyticsのリアルタイムレポートに「1」と表示されれば連携成功。データ反映には最大48時間かかる場合がある。

5.2 Google Search Console

目的：Google検索におけるサイトのパフォーマンス（表示回数、クリック数、掲載順位）を監視し、インデックス状況を管理する。

  1. プロパティ登録：
    • Google Analyticsを先に連携させるとスムーズに進行できます。
      これにより所有権の確認が自動で行われる。
    • Search Consoleにアクセスし、「URLプレフィックス」方式でサイトURLを登録する。
      Search Console　→　https://search.google.com/search-console/about?hl=ja
    • Analyticsとの連携により、「所有権を自動確認しました」と表示される。
  2. XMLサイトマップの送信：
    • WordPressの【設定】 → 【XML Sitemaps】でサイトマップのファイル名（例: sitemap.xml）を確認・コピーする。
    • Search Consoleのサイトマップメニューを開き、コピーしたファイル名を入力して送信する。
    • ステータスが「成功しました」となれば、サイトの更新情報が正しくGoogleに伝わるようになる。

最終確認：設定完了後、「Google Analytics」と「Search Console」は頻繁に利用するため、必ずブラウザにブックマークしておくことをおすすめします。