【初心者】ワードプレステーマCocoonの最初にやっておきたい4つの設定を徹底解説【画像＆動画】

前回の記事ではワードプレスのテーマのインストールの方法を解説し、人気の無料テーマ『Cocoon』を有効化するところまで解説しました。

今回の記事ではこのCocoonの最初にやっておきたい4つの設定について初心者さん向けに画像とすべて画像と動画を使って詳しく解説してみたいと思います。

ボクのブログカスタマイズ第一歩だ

後輩ネコ

とのぽん

そうだね。張り切ってやっていこう！

スキンの設定

Cocoonには『スキン』と言うブログの見た目を一括でガラッと変える着せ替え要素があります。

上の画像は左がスキン設定なし、右がスキンあり。

スキンを設定しただけで結構サマになっていますよね。

Cocoonにはこのようなスキンが数十種類用意されていて、無料でしかも追加のダウンロード不要で管理画面から簡単に設定することができます。

動画解説

スクリーンショット解説

ワードプレスの管理画面にログインしたらサイドバーから『Cocoon設定』⇒『Cocoon設定』と進みましょう。

続いて表示される画面では左上の『スキン』をクリックします。

画面を下にスクロールしていくと『スキン一覧』のところにズラッとスキンが並んでいるのが分かります。

設定スキンがどのような見た目になるのかは画像アイコンにカーソルを合わせると右上の画像のようにプレビュー画面が表示されます。

気に入ったスキンが見つかったらチェックを入れましょう。

画面を下にスクロールして『変更をまとめて保存』をクリックすればスキンの設定は完了です。

メニューバー(グローバルナビ)の設定

続いてメニューバー(グローバルナビ)の設定に移りましょう。

上の画像の赤枠のの中にあるのが当サイトトップページのメニューバーです。

メニューバーは訪問してきた人が欲しい情報に素早くアクセスできるように案内するために大切な機能なのでぜひ設定しておきましょう。

とのぽん

メニューバー設定についてはお問い合わせページのつくり方やプロフィールページの作成方法なども含めて解説するためかなり長くなります。

以下の個別記事にて詳しく解説しているのでそちらで確認してください。

ヘッダーの設定

続いてヘッダーの設定をしてみましょう。

ヘッダーとは上の画像にあるようにブログのトップページの上部でタイトルやキャッチフレーズ、ロゴなどが表示されるエリアです。

初期状態では上の画像のようにタイトルとキャッチフレーズだけの味気ないものなのでヘッダー画像やロゴなどを用意して他のブログなどと差別化を図りましょう。

とのぽん

ヘッダー設定ついては画像作成方法なども含めて解説するためかなり長くなります。

以下の個別記事にて詳しく解説しているのでそちらで確認してください。

ウィジェットの設定

続いてはウィジェットを設定してみましょう。

前回の記事でも触れましたがウィジェットとはブログを構成するパーツのことです。

例を挙げると上の画像にあるようなサイドバーのプロフィールなどがそうです。

好みにもよりますが最低限以下のウィジェットを設定しておけばOKです。

動画解説

スクリーンショット解説

ワードプレス管理画面の左サイドバーより『外観』⇒『ウィジェット』と進みましょう。

続いて表示される画面には左側に利用できるウィジェット一覧が、右側にウィジェットをはめ込むことができるブログの場所が一覧で表示されています。

まずはウィジェット一覧から『プロフィール』を選んでサイドバーに追加してみましょう。

画像のように追加するウィジェットをクリックし、場所を『サイドバー』に選択、最後に『ウィジェットを追加』をクリックします。

とのぽん

ウィジェットをドラッグアンドドロップすることで直接追加することも可能です。

同様にして『検索』『人気記事』『新着記事』もサイドバーに追加していきましょう(上の画像参照)。

これでサイドバーへのウィジェットはめ込みが完了したのでサイトを表示してみましょう。

上の画像にあるように無事、ウィジェットがサイドバーに表示されていることが分かりますね。

プロフィール(ウィジェット)設定方法

サイドバーにウィジェットを使って表示させたプロフィールは管理画面から設定できます。

上の画像にあるように、管理画面サイドバーより『ユーザー』⇒『プロフィール』と進みます。

プロフィール写真は別途各自用意したものを設定します。

プロフィール情報には簡単な自己紹介を記載しましょう。

最後に画面を下までスクロールし『プロフィールを更新』をクリックすればプロフィールの設定は完了です。