ブログテーマCocoonの基本的な設定手順(WordPress)

ブログ制作

当ブログで解説しているテーマ(Cocoon)は、ブログのデザインや機能を変更/調整するためのたくさんの項目を設定することが可能です。

ここでは基本的なものに限定し、その設定手順について解説していきます。

まずはWordPressの管理画面へログインし、「Cocoon設定」をクリックしてCocoonの設定ページを開きます。

Cocoon設定手順1

スキン」タブをクリックしてまずはあなたのブログの全般的なデザインスタイルを決定しましょう。

スキン一覧にある各画像アイコンをマウスでポイントすると、それぞれのサンプル画像が表示されますので、あなたの気に入ったものを選びます。

Cocoon設定手順2

全体」タブをクリックします。ここでは、ブログ全般に関する文字サイズや色、背景色又は背景画像、リンク色、サイドバーの位置、などいろんな項目を設定できますので、いろいろとブログを見ながら試してみてください。

Cocoon設定手順3

全体」タブでの設定時、色を選択する際は以下のように「色を選択」をクリックするとその下にパレットが表示されますので、好きな色をクリックして選んでください。

Cocoon設定手順4

ヘッダー」タブをクリックし、ヘッダー背景色、キャッチフレーズの位置などヘッダー部分に関する設定を行います。

Cocoon設定手順5

広告」タブをクリックし、ブログの運営開始当初は不要な「広告を表示する」に✔が入っている場合は全て外します

Cocoon設定手順6

タイトル」タブをクリックし、トップページ/固定ページ/カテゴリーページ/投稿ページのタイトル表示形式を選びます。

なお、「メタディスクリプションタグを出力する」及び「メタキーワードタグを出力する」の項目には✔を入れておくことをオススメします。(SEO対策)

Cocoon設定手順7

画像」タブをクリックし「本文上にアイキャッチを表示する」の✔を外します。なお、サムネイル画像のサイズは「約5:8, 1:1.618..(黄金比)」をおススメします。

Cocoon設定手順8

フッター」タブをクリックし、
フッター表示タイプ:メニュー&クレジット(中央揃え)
クレジット標記:Copyright © 2025 ブログ名 All Rights Reserved.
を選択することをオススメします。

Cocoon設定手順9

ボタン」タブをクリックし、トップへ戻るボタンのアイコンの形状、及びアイコンの背景色を選びます。

Cocoon設定手順10

モバイル」タブをクリックし、モバイルメニュー及びモバイルボタンに関する設定を行います。

Cocoon設定手順11

ウィジェット」タブをクリックし、除外ウィジェットの中から不要な項目にチェックを入れます。ウィジェットについては次の画面を参照ください。

Cocoon設定手順12

下の枠内に✔を入れていない項目が表示されます。

Cocoon設定手順13

ウィジェットエリア」タブをクリックし、除外ウィジェットエリアの中から不要な項目にチェックを入れます。ウィジェットエリアについては次の画面を参照ください。

Cocoon設定手順14

下の枠内(ウィジェットエリア)に✔を入れていない項目が表示されます。

Cocoon設定手順15

ウィジェット/ウィジェットエリアの設定に関しては、あなたのブログのスタイルによって大きく異なりますので、あなたのブログに合わせて設定を行うようにしてください。

Cocoonの設定が全て終わったら、ページ上部または最下部にある「変更をまとめて保存」ボタンを忘れないようにクリックしておいてください。全てのページの設定がまとめて保存されます。

忘れてしまう事が心配な方は、各設定ページ毎に「変更をまとめて保存」ボタンがありますので、その都度クリックして保存しておきましょう!

Cocoon設定手順16

ここまででブログテーマCocoonに対する基本的な設定が終わりました。お疲れさまでした。

*ブログ作成の全体の流れについては「シニアにも簡単にできるブログの始め方」をご覧ください。

コメント

タイトルとURLをコピーしました