【稼ぐブログ塾・第12講】WordPress(ワードプレス)テーマCocoon(コクーン)のインストール【初心者向け】

稼ぐブログCocoonインストール編

最短で稼ぐためのブログを作る完全初心者向け講座の第12講目です。
この講座では理論や解説をできる限り少なくしてスピードを重視しています。

今回はWordPress(ワードプレス)のデザイン機能を超簡単にアップグレードしてくれる「テーマ」の導入と最小限設定を解説します。

テーマは星の数ほどありますが、初心者ブロガーに大人気のCocoonコクーン)という無料テーマを使います。
Cocoon(コクーン)は無料でありながら多機能、高性能として人気があります。

たくす
たくす

コンセプトは「手を動かす」です!

WordPress(ワードプレス)のきせかえ機能「テーマ」

WordPress(ワードプレス)のデザインは、きせかえ機能である「テーマ」を活用することで、一瞬で変えることができます。

ネットで「有料テーマがいい」と見るけど、
そもそもテーマの使い方がわかりません。

たくす
たくす

テーマは、WordPress(ワードプレス)のダッシュボードから設定することができるデザインの便利機能です。超簡単にできますのでやってみましょう。

前講「【稼ぐブログ塾・第11講】WordPress(ワードプレス)最小初期設定【初心者向け】」の続きから初めていきます。

稼ぐブログ塾 いままでの講義振り返り

第5講から第11講までかけて、

まで進めてきました。

まだできていないならば、上記の記事リンクに進んで、それぞれ完了させて下さい。

なんとかやりきりました!

では、講義に入りましょう!やるだけブログ塾の第12講です!
たくす
たくす

【第12講のゴール】無料テーマCocoon(コクーン)をブログに設定する

WordPress(ワードプレス)は初期設定初期設定のままだと、下の図のようなデザインになっています。令和3年1月現在の最新標準テーマです。

色やデザインは、お世辞にもおしゃれとは言えません。

稼ぐブログテーマインストール

これを別のテーマに置きかえることで、

  1. デザイン変更
  2. 機能アップ

ができるようになります。

テーマには「無料テーマ」と「有料テーマ」がありますが、主に有料テーマは「2.機能アップ」の部分が強化されているものが多くあります。

やっぱり稼ぐブログを作るためには

有料テーマに投資するんですよね

たくす
たくす

いいえ、初心者には不要です。

有料テーマは魅力的ですが1万円〜3万円程度のものが多く、これから稼ぐブログを作り出すにはまだ早い投資です。

当ブログのオススメテーマは、高性能なのに無料テーマ「Cocoon(コクーン)」の1択です。

たくす
たくす

有料部分があるとか一定期間だけ無料ではなく、本当にずっと無料です。

設定できる範囲も広く、日本の無料テーマではダントツの人気ナンバーワンです。

人気があるので困ったときネットで検索すれば、有益な情報がたくさんでてきます。

それでも解決しないときは、製作者のわいひらさん自身が無料でアドバイスしてくださいます!

Cocoon(コクーン)わいひらさん

ちなみに、企業も使っていたりするので本当に安心です。初心者が使わない手はありません。

もちろん有料テーマはすごい

どうしても有料テーマを使いたいなら、ひつじさんという有名ブロガーさんが作った「JIN」がおすすめです。ほかにもいろいろありますが、稼いでいるブロガーさんがよく使っています。

有料テーマオススメJIN

ひつじさんの「ひつじアフィリエイト」やヒトデさんのブログなどがJINで運営されています。

ぼくも近々使ってみたいと思っている、超有名テーマです。

公式サイト 有料テーマ「JIN」

 

作業1 無料テーマCocoon(コクーン)のダウンロード

たくす
たくす

まずは、テーマのファイルを無料ダウンロードします。

ネットで「Cocoon ダウンロード」と検索しましょう、検索結果はこんな感じです。

稼ぐブログCocoonダウンロード

 

たくす
たくす

Cocoonテーマのダウンロード」をクリックしてサイトへ。

コクーンダウンロード

たくす
たくす

このダウンロードページから、親テーマ子テーマの2つをダウンロードします。

無料テーマCocoon

 

親テーマと子テーマって?

たくす
たくす

解説は省略しますが、親テーマをインストールしたあとに子テーマをインストールする必要があります。

親テーマだけでも使えますが、アップデートすると設定がリセットされるんです。あとあとラクをするために子テーマを必ずインストールしておきます。

Cocoon(コクーン)親テーマをダウンロードをしよう

ページの下の方へ行くとダウンロードできるところがあります。

Cocoonテーマをダウンロード」をクリック。

Cocoon親テーマ

「cocoon-master-2.2.5.7.zip」がダウンロードできました(令和3年1月現在)。
とりあえずデスクトップにでもおいておきましょう。

Cocoon親テーマzip

 

Cocoon(コクーン)子テーマをダウンロードをしよう

親テーマの少し下にスクロールすると子テーマのダウンロード部分があります。

Cocoon子テーマ

「cocoon-child-master-1.1.2.zip」がダウンロードできました。
これもデスクトップにおいておきましょう。

Cocoon子テーマzip

これでCocoon(コクーン)を使うダンドリ完了です。

たくす
たくす

ではインストールします。

Sponsor

作業2 Cocoon(コクーン)をインストール【注意点あり!】

まずはWordPress(ワードプレス)にログインしてダッシュボードを表示。
ダッシュボード左のメニューから「外観」をクリック。

Cocoonインストール

テーマ選択画面になりますので、さきほどダウンロードしたCocoon(コクーン)をインストールしていきましょう。

たくす
たくす

新規追加」をクリックします。

Cocoon(コクーン)インストール

たくす
たくす

続いて「テーマのアップロード」をクリックしましょう。

Cocoon(コクーン)アップロード

ファイルを選択」をクリック。

まずはCocoon(コクーン)親テーマからインストールします。

たくす
たくす

かならず親テーマからインストールして下さい。

Cocoon(コクーン)親テーマ

「ファイルを選択」をクリックして、さきほどデスクトップに置いた「親テーマ」のzipファイルを選択します。

ダウンロードした圧縮ファイル(zipファイル)は解凍せず、そのまま選択します。

Cocoon(コクーン)親テーマインストール

Cocoon(コクーン)

たくす
たくす

インストールが始まるまで数秒の待ち時間がありますが、インストールは一瞬です。「有効化」を必ず押しましょう。

すると下図のような画面になります。
親テーマが無事にインストールされた事がわかります。

さて、続けて「子テーマ」をインストールしていきます。

Cocoon(コクーン)子テーマインストール

作業は親テーマのインストールと全く同様です。

ファイル選択のとき「child」のファイルを選ぶようにだけ注意しましょう!

Cocoon(コクーン)子テーマインストール

たくす
たくす

インストールしたら忘れず「有効化」をクリック。

Cocoon(コクーン)インストール

このようになっていればOKです。

たくす
たくす

最終的に、「Cocoon Child」が有効化されている状態になっていますか?

これでCocoon(コクーン)のインストールは完了です。

下図の「サイトを表示」をクリックしてみましょう。

Cocoon(コクーン)

たくす
たくす

なんともいえないモスグリーンのブログが、こんなシンプルなデザインになりました。

Cocoon(コクーン)

たくす
たくす

これでCocoon(コクーン)のインストールは完了です。

さらにデザインを少し変えていきましょう。

作業3 Cocoon(コクーン)の最小限設定【スキン設定】

人気の無料テーマ「Cocoon(コクーン)」をインストールして、ガラリと雰囲気が変わりました。さらに「スキン設定」を変更することでデザインが激変します。

たくす
たくす

今日の講義は「スキン設定」まで紹介して終了します。

Cocoon(コクーン)のスキンを変更して好みのデザインにしよう

すでにデザインが変わっていますが、さらにきせかえ機能である「スキン」を設定しましょう。

たくす
たくす

一瞬で、ビジネスっぽいデザインやかわいいデザインなどに変更できます!何度でも変更可能で、全て無料です。とにかくやってみましょう!

WordPress(ワードプレス)のダッシュボードメニューに「Cocoon設定」ができていますので、クリックして下さい。

Cocoonスキン設定

たくす
たくす

Cocoon(コクーン)は無料テーマとは思えないほど多種多様な機能があります。

今回は、トップにある「スキン」だけ設定します。

Cocoon(コクーン)スキン設定
デフォルトではスキンなしとなっています。
試しに変更してみましょう。

スキンは個人でも作成できます。

Cocoon(コクーン)ユーザーが、自作のスキンを製作者「わいひらさん」へ投稿して、わいひらさんがいいな、と思ったものが採用され、設定画面にズラリと並んでいるんです。

Cocoon(コクーン)スキン変更

ぼくの好きな「ぽんひろさん」の「Season(Summer)」にしてみます。

たくす
たくす

ラジオボタンを押して、「変更を保存」するだけです!

Cocoon(コクーン)スキン

ブログはこんなデザインになりました。さわやかで、可愛い感じですね。

親近感が湧くブログに合いそうです。

Cocoon(コクーン)スキンぽんひろ

 

つづいて「風塵(ふーじん)さん」の「tecurio moon」にしてみましょう。

Cocoon(コクーン)

こんな感じになりました。

ビジネスっぽいというか、マテリアル風?

事実を語る感じ、投資系ブログに似合いそうです。

Cocoon(コクーン)

スキンを何度変えても問題ないのでいろいろ試してみて下さい。楽しくなっていつまでもやりたくなります。

たくす
たくす

稼ぐブログづくりのために、読者目線で読みやすくテーマに合ったもの選びましょう。

今回僕はブログタイトルの「迷い猫」という言葉にかけて、ダークなものにしてみようと思います(追記:後日、全く違うテーマに変えました)。

Cocoon(コクーン)スキン設定

ちょっと、夜の感じがですね。

星座などのブログにも似合いそうです。

たくす
たくす

スキンは、記事を書いたあとでも変更できます。

とりあえずどれかに決めてしまいましょう!

作業4 Cocoon(コクーン)のその他の機能紹介

Cocoon(コクーン)は無料でありながら多機能、高性能として人気があります。

その他の機能として、設定が必要となるのは次の9つあたりです。

  1. 全体(文字サイズ等設定)
  2. ヘッダー(トップサイトデザイン)
  3. 広告(グーグルアドセンス等設定)
  4. タイトル
  5. SEO
  6. 投稿
  7. 固定ページ
  8. 本文
  9. フッター
たくす
たくす

今日はここまでは手を出しませんが、のちのち必須の設定となります。

作業5 Cocoon(コクーン)は多機能、初心者のうちはあまり触りすぎないように注意

上記の通り、多機能すぎて初心者は深追いしたり、どうなるかわからないのに設定変更をしてしまうことがあります。

たくす
たくす

さらに後日説明するカスタマイズなどに踏み込むと、取り返しがつかないレベルのデータ消失をするなどの危険があります。

理解できるようになってから触るようにしましょう!

それでもいろいろやってみたいなら…

どうしても研究したい人へのオススメは、いまあなたのサーバーにWordPress(ワードプレス)をインストールしていないデフォルトのドメインがあると思います。
このドメインにWordPress(ワードプレス)をインストールしてCocoon(コクーン)を設定し、練習専用ブログを作っておくことです。

もちろん、練習用ですから独自ドメインは不要です。

たくす
たくす

とりあえずムリをしないでどんどんすすめる方針で行きましょう!

まとめ〜Cocoon(コクーン)は最強の無料テーマ

Cocoon(コクーン)は無料ですが、随時アップデートされてるのでセキュリティ面でも安心して使えるテーマです。

しかも、SEO(検索順位最適化)的に重要視されている高速化設定なども簡単に調整できます。

ほんとうに無料なんですね。

初心者のうちはCocoon(コクーン)を使います

たくす
たくす

僕もCocoon(コクーン)の大ファンです。

奥が深すぎて使い切っていませんが…

今回はCocoon(コクーン)1択での解説としましたが、無料テーマは世界中で作られています。
ホテルのラウンジやブランドショップをイメージさせるようなステキなテーマもいっぱいあります。

それでも紹介しなかったのは

  • 海外の無料テーマは更新が止まることが多い
  • 設定がわからないとき、ネット情報が少ない
  • そもそも説明が英語でイミガワカラナイ

からです。

初心者のうちはCocoon(コクーン)を使い倒すつもりで、先人が差し伸べる手を借りましょう!

次講はプラグイン設定をします。

たくす
たくす

ブログを開設するまでは脇目も振らずに手を動かしましょう!

今回もお疲れさまでした!

稼ぐブログ塾 第12講まとめ〜無料テーマCocoon(コクーン)インストール

今回は無料テーマCocoon(コクーン)のインストールをしました。

さらにスキンの設定でデザインが大きく変わることも体験しました。

  1. Cocoon(コクーン)は「親テーマ」のあとに「子テーマ」を有効化
  2. スキンの設定でイメージするブログテーマに合うものを設定
  3. その他の設定はまだ触らない

以上3点、できましたでしょうか?

いろいろできるのでいろいろやりたいところですが、今回はここまでで我慢しましょう!

今回もラストまで読んでいただきありがとうございます。

たくす
たくす

第12講は以上です、おつかれさまでした!

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