【初心者】無料テーマ「Cocoon」を有料テーマっぽくする方法!

 やぁ、水那(@mzpdn)だ。

 ワードプレスを使っている皆様は、どんなテーマを使っているだろうか?

 それこそ、無料テーマだと「Cocoon」「LION BLOG」などがあり、有料テーマだと「SANGO」「JIN」などがある。

 しかしながら、有料テーマの場合は1万円前後してしまうことから

無料テーマの「Cocoon」を使っているよ~

 という方は多いのではないだろうか?

 かく言う僕も、現在使っているテーマは「Cocoon」である。

 そこで今回は、無料で使えるテーマ「Cocoon」を、見た目の部分で有料っぽくする方法を解説させていただく。

水那
水那

当ブログ「水那のブログ見聞録」のようなトップページにすることが出来るよ!

 それでは早速いってみよう。

【初心者】無料テーマ「Cocoon」を有料テーマっぽくする方法!

水那のブログ見聞録のトップページ

 今回は、無料のテーマ「Cocoon」をカスタマイズして、上の画像のような有料テーマっぽい感じにしていこう。

 初心者の方でも30分程度で出来るかと思うため、ぜひとも気軽に実践してみていただきたい。

「Cocoon」を有料テーマっぽくしていこう

Cocoonのスキンを変更

ワードプレスの管理画面

 Cocoonをインストールした上で、ワードプレスの管理画面を開こう。
 まずは、スキンという着せ替えのようなものを変更していこう。

 「Cocoon設定」を選択しよう。

Cocoon設定

 すると、このような画面になったかと思う。
 現在の画面は、初期状態で「スキン」を選択されているだろう。

スキン設定

 下に行くと、たくさんのスキンが出てくる。
 写真のマークにカーソルを合わせてみて、自分の好みのスキンを選択しよう。

スキン一覧
水那
水那

ちなみに「水那のブログ見聞録」では、ぽんひろさんの Season (Winter)を使ってるよ!

スキン一覧

 スキンを指定することが出来たら、最後は画面の一番下にある「変更をまとめて保存」忘れないように押しておこう。

変更をまとめて保存

ヘッダーメニューを作っていこう

ヘッダーメニュー

 続いては、ヘッダーの下にある「ヘッダーメニュー」を作っていこう。
 ここにヘッダーメニューがあることによって、読者の利便性を高めることにつながるため、なるべく設定しておこう。

外観の選択

 まずは、ワードプレスの管理画面から「外観」を選択しよう。

メニューを選択

 その後、外観の中にある「メニュー」を選択しよう。

新しいメニューを作成しましょう

 続いては「新しいメニューを作成しましょう」を選択しよう。

 メニュー名欄に自分が分かりやすいと思う名前を付けよう。

水那
水那

僕は今回「ヘッダーメニュー」という名前にしたよ~

メニューを作成

 その後「メニューを作成」を選択しよう。

メニュー項目を追加
  1. メニューに追加する項目を決めよう。

    カテゴリーを選択するのが無難だろう。
  2. 「メニューに追加」を選択。
  3. メニュー構造で、自分の好きな順番になるように設定する。

    その際、一番上に設定したものがブログの一番右に来る。
  4. 最後は忘れずに「メニューを保存」で、しっかりと保存しておこう。

ピックアップ

ピックアップ
新しいメニューを作成しましょう

 改めて「外観」「メニュー」から「新しいメニューを作成しましょう」を選択しよう。

メニューを作成

 今回は「ピックアップ」という名前にした上で「メニューを作成」でいいだろう。

メニュー項目を追加
  1. メニューに追加する項目を決めよう。

    投稿を選択するのが無難だろう。
  2. 「メニューに追加」を選択。
  3. メニュー構造で、自分の好きな順番になるように設定する。

    その際、一番上に設定したものがブログの一番右に来る。
  4. 最後は忘れずに「メニューを保存」で、しっかりと保存しておこう。

※選択した投稿のアイキャッチ画像が表示されるため、魅力的なアイキャッチ画像にしておくと効果的

Cocoon設定
おすすめカード

 改めて「Cocoon設定」を選択して「おすすめカード」を選択しよう。

おすすめカード設定

 「おすすめカードの表示」で、どこに表示させるかを指定しよう。

水那
水那

特に理由がなければ、邪魔にならないように「フロントページ」だけに設定しておこう!

 その後「メニュー選択」で、先ほど作ったメニュー「ピックアップ」を選択しておこう。

 あとは自身の好みに合わせて、見栄えが良くなるように設定していけばOK

「本日のおすすめ」を作ろう

本日のおすすめ

 順位がついた記事というのは、比較的クリックされやすい傾向にあるため、初心者の方は必ず設定しておこう

ワードプレスの管理画面

 「外観」から「ウィジェット」を選択しよう。

人気記事

 「人気記事」を選択しよう。

インデックスリストトップ

 その中にある「インデックスリストトップ」を選択した上で「ウィジェットを追加」

人気記事の設定

 あとはいろいろと変更してみて、自分の好みに設定していこう。

まとめ:無料テーマ「Cocoon」を有料テーマっぽくする方法

水那のブログ見聞録のトップページ

 いかがだっただろうか?
 なんとなく上の画像のようなブログにできたかと思う。

 驚くことに、無料のテーマ「Cocoon」でも、有料テーマに負けないくらい素晴らしい見た目にすることが出来る
 さらにCocoonは、情報量も多いことからカスタマイズ性も高く

あれ?このブログって有料テーマなのかな?

 と思わせることも可能だ。

 余力がある方は「Cocoon カスタマイズ」などという感じで検索してみて、さらに良質なブログを作っていただきたい。

 それでは今回もご覧いただき、ありがとうございました。