【第3回】XServer10日間無料体験!Cocoonの設定をやさしく解説

目次

はじめに(前回記事からの続き)

前回記事では、XServer10日間無料体験で WordPressをインストール し、無料テーマ Cocoon(コクーン) を導入して、ブログが表示できるところまで進めました。

今回の記事では、いよいよ WordPressの見た目を整える大切な作業Cocoonの初期設定」 を順番に進めていきます。

Cocoonは機能が豊富なぶん、最初は「どこを触ればいいの?」と戸惑うかもしれません。

ですが、最初に“ここだけ”整えれば大丈夫です。
読みやすく、見やすいブログが少しずつ形になっていきます。

それでは、さっそく始めていきましょう。

Cocoonの設定について

Cocoonは設定項目が多いため、初めて見ると少し驚くかもしれません。
ただし、すべてを理解する必要はありません

今回は「最初に設定しておきたい基本項目」に絞って進めていきます。

Cocoon設定画面の開き方

まずはCocoonの設定画面に移動します。

Cocoon設定 をクリック

ここから、各項目を順番に見ていきます。

スキン

Cocoonには「着せ替え機能」があり、スキンを選ぶだけでブログの雰囲気が大きく変わります。

  • シンプルで落ち着いたデザイン
  • 和風テイスト
  • 女性向けのやわらかい雰囲気
  • 文字が大きく読みやすいデザイン など

初心者の方は、「文字が見やすいこと」を最優先に選ぶのがおすすめです。

今回は設定をシンプルにするため、スキン「なし」 の状態で進めます。

設定方法(興味のある方は試してみて下さい)

スキン名の左側にあるをクリックすると、イメージ画像が表示されます。
① 好みのデザインを選択変更をまとめて保存 で反映されます。

全体

ページ全体の表示に関する設定です。
ここでは、サイトキーカラー の設定だけ紹介します。
好みに応じて、色々と設定を変更してみてください。

設定方法(サイトキーカラー)

サイトキーカラーをクリック

青色をクリック
変更をまとめて保存 をクリック
プレビューに設定内容が反映されることを確認

管理者画面

管理画面に表示される PV数などの不要な情報 を非表示にします。

① ~④ のチェックを外す
変更をまとめて保存 をクリック

タイトル

キャッチフレーズを非表示にします

① 「サイト名」をチェック
変更をまとめて保存 をクリック

アピールエリア

フロントページ上部に、画像を表示するエリアです。

画像はO-DANなどのフリー素材サイト から用意しましょう。
横幅は 1920px程度 が目安ですが、厳密でなくても問題ありません。

「フロントページのみで表示する」 を選択
② 表示させる画像の高さを指定(例:400)
「選択」ボタンをクリックして画像を設定
④ チェックを外す
変更をまとめて保存 をクリック

プライバシーポリシー

メニューに表示する「プライバシーポリシー」を作成します。

なぜ必要なのか

ブログ運営において、プライバシーポリシーは「信頼」と「サイト成長」を支える大切なページです。

  • 🛡️ 安心感の提供
    個人情報の取り扱いを明示することで、読者が安心して利用できます
  • ⚖️ 法律・サービス規約への対応
    個人情報保護法や Google AdSense などで設置が求められます
  • 🚫 トラブル防止
    誤解やクレームを未然に防げます
  • 📈 サイト成長の基盤
    広告審査や解析ツール導入に必須です

👉 ひとことで言うと
「プライバシーポリシーは、ブログ運営の土台」です。

作成方法

今回は、WordPressのサンプルを使用します。
※ 実際に運用する際は、内容の見直しを行なってください。

「固定ページ」 をクリック
「プライバシーポリシー」 をクリック

公開 を2回クリック

メニューの作成

外観 > メニュー をクリック
② 「グローバルメニュー」 と入力
メニューを作成 をクリック

「すべて表示」をクリック
「ホーム」と「プライバシーポリシー」にチェックを入れる
「メニューに追加」をクリック
「ヘッダーメニュー」「フッターメニュー」にチェックを入れる
メニューを保存 をクリック

ヘッダーとフッターにメニューが表示されていることを確認

カテゴリー

カテゴリーは、記事を ジャンルごとに整理するための箱です。

たとえば料理ブログなら、「和食」「洋食」「スイーツ」といった分け方になります。

今回はブログ開設の体験が目的なので、次の3つを作成します。

#名前スラッグ
1文章sentence
2独自ブロックblock
3画像image

※ 後から自由に追加・変更できるので、ここでは気軽に設定して大丈夫です。

作成手順

投稿 > カテゴリー をクリック
「文章」と入力
「sentence」と入力
カテゴリーを追加 をクリック

同様に、「独自ブロック」「画像」も作成

まとめ

今回は、Cocoonの初期設定を中心に進めてきました。

最初から完璧に仕上げる必要はありません。
色や表示方法などは、実際に触りながら試してみることが大切です。

「この色のほうが見やすいかな?」
「この配置のほうがしっくりくるかも?」

そんな感覚を大切にしながら、いろいろな設定を試してみてください。

次回はいよいよ、実際に記事を作成するステップに進みます。

文章・独自ブロック・画像を使って、どこまで表現できるのかを分かりやすく解説していきます。

ここまで準備できれば、もう一歩です。
次回も一緒に進めていきましょう。

目次