今日は、WordPressテーマの「Cocoon」の設定方法について、私の経験を交えながら詳しくご紹介したいと思います。
実は先日、父が趣味のブログを始めたいと相談してきたんです。
そこで一緒にWordPressでブログを立ち上げることになり、テーマは使いやすさで評判の「Cocoon」を選びました。
ワードプレステーマ「Cocoon」の導入方法
画像引用元：COCOON 公式
今日は、以下のポイントについて、順を追ってお話ししていきますね。
- Cocoonのインストール手順
- 必須の初期設定4つ
- よくある失敗とその対処法
- おすすめのカスタマイズ方法
- 使って便利だった機能
親と子テーマの両方をダウンロードする理由
まず、Cocoonをインストールする際の重要なポイントは、必ず「親テーマ」と「子テーマ」の両方をダウンロードすることです。
私も最初は「なぜ2つも必要なの？」と思ったのですが、実はとても大切な理由があるんです。
では、具体的なインストール手順を見ていきましょう。
【手順1】公式サイトからダウンロード
- 親テーマ（cocoon-master.zip）をダウンロード
- 子テーマ（cocoon-child-master.zip）をダウンロード
【手順2】WordPressへのアップロード
- 管理画面の「外観」→「テーマ」を開く
- 「新しいテーマの追加」をクリック
- 「テーマのアップロード」で両方のファイルを追加
【手順3】子テーマの有効化
- 「Cocoon Child」の「有効化」をクリック
ここまでが基本的なインストール手順です。
父と一緒に作業しましたが、この手順通りにやれば、特に難しいことはありませんでした。
Cocoonを入れたら必ずやっておきたい初期設定
続いて、Cocoonを入れたら必ずやっておきたい初期設定をご紹介します。
①スキン設定
これは見た目に関わる重要な設定です。
デザインがいくつかあるので、私はまず父と一緒に好みのスキンを探すところから始めました。
設定手順
- 「Cocoon設定」→「スキン」タブを開く
- 好みのスキンを選択
- 「変更をまとめて保存」をクリック
②ヘッダー設定
ブログの顔となる部分です。
ここはしっかり時間をかけて設定しました。
設定項目
- ヘッダーレイアウト
- ロゴ画像
- 背景画像
- キャッチフレーズ
③OGP設定
SNSでシェアされた時の見え方を決める重要な設定です。
父のブログでは、趣味の写真を使って素敵なOGP画像を作りました。
④関連記事の設定
ブログの回遊率を上げるのに効果的です。
私のおすすめは以下の設定です。
- 表示タイプ：ミニカード
- 表示数：6記事
- 取得期間：3ヶ月以内
テーマ「COCOON」のよくある失敗と対処法
ここで、よくある失敗とその対処法もお伝えしておきますね。
- スキン制御されている項目を無理に変更しない
- 子テーマを忘れずに有効化する
- 画像サイズは推奨サイズを守る
便利だと感じた機能
私が特に便利だと感じた機能をいくつかご紹介します。
父のブログも、これらの機能のおかげでとても見やすいサイトになりました。
ワードプレステーマ「COCOON」の導入方法のまとめ
最後に、初期設定時のチェックリストをまとめておきます。
□ 子テーマの有効化を確認
□ スキンの選択と設定
□ ヘッダーの設定
□ OGP画像の設定
□ 関連記事の設定
□ モバイル表示の確認
□ 各種機能の動作確認
みなさんも、このチェックリストを参考に、ぜひCocoonの設定に挑戦してみてくださいね。
最後までお読みいただきありがとうございました！