タケのブログゼミ〜ブログ収入を初心者でも本気で稼ぐサイト〜

ブログ×ライターで2ヶ月目に3万円稼ぐ方法

パスワード付限定コンテンツが見れる2大サポート

ゼミ

ZOOMでブログ相談ができる!ブログ個別サポートWEBインカム構築ゼミ

【初心者必見】Cocoonの使い方と初期カスタマイズ解説

 
【初心者必見】Cocoonの使い方と初期カスタマイズ解説
この記事を書いている人 - WRITER -
ブログとライターで生活しています。2017年からブログ開始。28歳まで月収10万円のフリーターでした。趣味は野球観戦。

Cocoonの使い方がわかりません。どう設定したらいいのでしょうか?

初心者に戻ったタケ

こんなCocoonの設定に関する疑問をブログ歴3年のたけが解決します。

この記事の作業を順番にやっていけば、CocoonでWordPressブログを失敗することなく構築できます。

最初に必要な作業だけをピックアップし、画像付きで解説してますので、順番にカスタマイズしていってくださいね。

【記事執筆者タケのブログ実績】

2017年ブログ運営開始
ただのフリータ(月収10万円)から、3年でようやく年間276万円の収益
2021年最高月収51万円達成

ブログは1年間全く成果が出ず、苦しみました。
「ブログを始めたばかりの悩めるあなた」へ情報発信中。
個別にZOOMでブログを教える「タケの個別ゼミ
」運営

記事への質問はTwitter(@takeuchigoro)
(記事修正頻度に限界があるので、質問していただけると助かります)
1ヶ月で稼ぐブログに作り変えるLINE講座配信中

Cocoonの使い方・カスタマイズ手順と大前提

Cocoonの使い方・カスタマイズ手順と大前提

Cocoonのカスタマイズ手順は以下のステップで行うことができます。

Cocoonの設定・カスタマイズ手順
  1. テーマをインストールする
  2. 各種設定を行う
  3. スキンの設定
  4. ヘッダーの設定
  5. 10記事ほど完成したら、デザインを強化

カスタマイズは最初から完璧じゃなくてOK

最初から完璧なデザインにする必要はありません。

デザインは後から変更することができますので、最初はほどほどで大丈夫です。

目安としては10記事ほどまずは記事を書いてから、デザインを見直しましょう。

【Cocoonデザイン設定の手順】

  1. スキンやヘッダーなど最低限の場所をデザインしておく
  2. 多少デザインに不満があっても、記事を10記事ほど書いていく
  3. 書いた記事を上手に配置していく

【大前提】収益化を目指すなら、Cocoonではなく有料テーマが強い

Cocoonはかなり高性能のテーマではあります。

しかし、収益化を本気で目指すのであれば、有料テーマを使った方がいいです。

その理由は以下のとおりです。

  • デザイン性が無料テーマより上にできる
  • 見た目がよく、回遊率が高いブログを作ることができる
  • 有料テーマブロガーにキーワード選定で狙われる

有料テーマは1万5000円前後掛かるものが多く、少し家計的にはキツいんですが、デザインも格段によくなりますし、モチベーションが上がります。

私自身最も多く使っているテーマがTHE・THORで、初心者はTHE・THORかSWELLが向き。

下記からデザインを確認できるので、一度デザインを確認して、違いを実感してください!

初心者でもわかるCocoonの使い方〜初期カスタマイズ編〜

記事を書く前にやっておいた方がいいCocoonの使い方を解説します。

真っ先にやるべき重要な部分ですので、必ずやるようにしてください。

  • Cocoonインストール
  • 基本設定
  • スキンカスタマイズ
  • ヘッダーカスタマイズ

これらが最初にやっておきたいCocoonカスタマイズです。

Cocoonインストール

Cocoonのインストールはcocoon公式サイトから行うことができます。

親テーマとこテーマがありますが、必ず親テーマと子テーマの両方をダウンロードしてください。

そして、子テーマを有効化します。

「外観」→「テーマ」→「新規追加」→「テーマのアップロード」→「ファイルの選択」と進み、先ほどダウンロードしたファイルをアップロードします。

アップロードが完了したら、子テーマが有効化しているか確認するようにしてください。

子テーマの有効化は最重要なので、必ず確認して次に進みましょう!

外観→カスタマイズで基本設定を行う

「外観」→「カスタマイズ」→「サイト基本情報」と進んでいきます。

ここでタイトルとキャッチフレーズ、サイトアイコンが設定できますが、サイトタイトルだけ設定しておけばOKです。

また、タイトルとキャッチフレーズも後から変更できるので、とりあえず仮の名前で問題ありません。

Cocoon設定でスキンをカスタマイズする

「Cocoon設定」「スキン」でデザインの大枠を決めることができます。

スキン一覧の写真マークにカーソルを合わせると、デザインが上の画像のように表示されます。

自分のサイトに合ったデザインを選ぶだけで、サイト全体のイメージを変えられるので便利です。

【おすすめスキンは以下の記事で紹介中です】

Cocoonの超おすすめスキン5選!変更方法とあわせて解説

Cocoon設定でヘッダーをカスタマイズする

Cocoon設定を「ヘッダー」でヘッダーを細かく設定することができます。

ヘッダーとはサイト上部のところです。

スキンである程度整ったヘッダーになっているかと思いますが、さらに細かく設定したい場合はここで詳細の設定をしていきましょう。

記事が入ってない段階ではざっくりと設定しておけばOKです。

【変更前のヘッダー】

【変更後のヘッダー】

cocoonヘッダー

吹き出し設定を行う

「Cocoon設定」→「吹き出し」で、記事を書く前に吹き出しの設定を行っておきましょう。

吹き出しは初期設定画像がありますが、その画像は必ず変更するようにしてください。

初期のままの画像を使うと、他のサイトと同じ画像を記事内で使ってしまうことになりかねません。

アイコン用の画像を用意して、その画像を使うようにしましょう。

WordPressそのものの設定は以下の記事で解説しています。

テーマの比較記事もありますので、月1万円以上稼ぎたい方は参考にしてみてください。

WordPressブログの始め方〜初心者が1時間以内で完璧にできるインストール手順〜

WordPressブログ超初心者におすすめのテーマ厳選【入れ方も解説】

初心者でもわかるCocoonの使い方〜10記事書いた後のカスタマイズ編〜

まずはここまでの設定を行った上で、記事を執筆していきます。

10記事ほど書いたところで、カスタマイズを強化していきましょう。

メニューを設定する

メニューを設定することによって、ヘッダー付近のデザインがよくなります。

10記事ほど書いたらメニューを設定するようにしましょう。

  • ホーム
  • おすすめ記事(3個ほど)
  • 問い合わせ

を配置するのがバランス的にオススメです。

「外観」→「メニュー」から設定できます。

メニュー項目を追加にある記事を選んで、追加していくだけの作業です。

追加したものがヘッダーに表示されるようになります。

何度もやり直しできるので、いろいろ試してみるのがオススメです。

ウィジェットを設定する

「外観」→「ウィジェット」を選ぶことでウィジェットを設定できます。

利用できるウィジェットを選んで、サイドバーなどに追加していくだけです。

初期段階で設定しておきたいのはサイドバーで、サイドバーには以下を設定しておきましょう。

サイドバーに配置するもの
  • プロフィール
  • 人気記事
  • 最新記事

→記事数が増えていくにつれ、随時修正が必要

カルーセルを設定する

「Cocoon設定」→「カルーセル」を選択すると、ヘッダー下に表示されます。

カルーセルはスライドのようになるので、目立ちやすいです。

設定しておくとブログのデザインが一段とよく見え、最新記事が羅列してあるだけのサイトより見栄えがよくなります。

Cocoonカスタマイズのメリット・デメリット

Cocoonカスタマイズのメリットとデメリットをまとめました。

いい点と悪い点がありますので、ぜひ参考にしてみてください。

メリットは無料にしてはカスタマイズ範囲が広いこと

この記事で解説したようなカスタマイズは他の無料テーマではできないことが多いです。

具体的には以下のような点が挙げられます。

他の無料テーマだと・・・
  • カルーセルを設定できない
  • ヘッダーの編集が限定的
  • スキンのように一発でデザインを変えられるような機能がない

無料でこれらをカスタマイズできるのがCocoonの強みです。

カスタマイズできないものはないって言っていいぐらい、細かい部分までカスタマイズすることができます。

デメリットは有料テーマにデザインで見劣りすること

Cocoonでもそれなりのサイトは作ることができます。

ですが、細かい部分でどうしても見劣りしてしまうというのが正直なところです。

Cocoonの欠点
  • カスタマイズの際に有料テーマより手間が掛かる
  • 細かいデザイン面で、やや素人感が残ってしまう
  • 使用している人が多いので、差別化しにくい

無料テーマの中では抜群にいいテーマですが、有料テーマと比較すると少し物足りなさを感じてしまいます。

収益化するためのサイトを本気で作りたいなら、お金を出して有料テーマを購入したいところです。

まとめ:Cocoonの使い方とカスタマイズは簡単!本気なら有料テーマ導入を!

まとめ:Cocoonの使い方とカスタマイズ

Cocoonの使い方とカスタマイズの方法はこの記事の通りです。

デザインはいつでも変えることができますので、最低限設定できるところだけを設定して、あとは記事を書きながら修正していきましょう。

最初に設定しておきたいところ
  • Cocoonインストール
  • 基本設定
  • スキンカスタマイズ
  • ヘッダーカスタマイズ

→記事を追加する

プラグインなどWordPressそのものの設定はWordPressブログの始め方〜初心者が1時間以内で完璧にできるインストール手順〜を参考にしてください。

月1万円以上本気で収益化したい方は有料テーマを導入して、さらに上のブログを目指しましょう!

この記事を書いている人 - WRITER -
ブログとライターで生活しています。2017年からブログ開始。28歳まで月収10万円のフリーターでした。趣味は野球観戦。

★5年のブログ経験をあなたに。★

あなたのブログの相談に乗る個別サポート実施中。

1人1人に合った戦略を提案し、ブログを改善します。

ブログ開設前の方でもOKです。

★絶対損しない3ヶ月収入構築プログラム★

全額返金保証ありのブログ×ライター収入構築プログラムです。

たった3ヶ月の作業で、在宅収入を作ります。

本気で人生変えたい人向けの本気プログラムです。

【重要事項が一覧に】

初心者ブロガーが収入を得るまでの基本チェックリスト

Twitterでブログ情報を発信中

- Comments -

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA