【WordPress】無料テーマ「Cocoon」を試してみた。これはヤバイです

あなたはWordPressのテーマは何を使ってますか？もしかしたら、有料のテーマを幾つも試されている人も多そうですよね。私は過去に有料のテーマを使ったことがあるのですが、今は無料のテーマに夢中です(笑)

 

前回は「Simplicity 2」を使ってたのですが、今回は改めて後継機になるのかな？（違ってたらスミマセン）そのテーマは・・・

 

【 Cocoon 】になります。

 

この記事では、Cocoonのダウンロードからインストール～初期設定までを図解入りで解説します。あなたもこの記事を読むことで、安心して無料テーマのCocoonが使えるようになります。

 

是非、最後まで読んでくださいね。

 

Cocoonとは

WordPressで使える無料のテーマです。作者はsimplicityでお馴染みの「ワイヒラ氏」です。前回のsimplicity 2でもお世話になりました。そのクオリティから、今後も使い続けよう・・・と思ってた時に、今回の「Cocoon」を知りました。

 

今回も基本的にシンプルな作りになっているので、我々アフィリエイターでも使いやすいテーマですね。私がシンプルなテーマをお勧めする理由ですが・・・

 

 

Cocoonの特長

特長は前回のSimplicityと同様、操作性も簡単です。が、今回の「Cocoon」ですが、操作性は前回を上回っていました。全部を解説するとなると、どれ位のボリュームになるのか想像もつかないのでほんの少しですが、後述しますね。

 

他にもたくさんあるので、宜しかったら コチラ のページをご覧ください。（Cocoonの公式ページになります。安心してご覧ください。）

 

では、次項から早速ダウンロードしてみましょう。

 

Cocoonのダウンロード

１．Cocoonの公式ページ にアクセスします。

2．画面中央付近にある「ダウンロード」ボタンをクリックします。

 

３．画面を下にスクロールさせると「親テーマ」のダウンロード画面が出てきます。

４．「Cocoonテーマをダウンロード」ボタンをクリックします。

クリック後、ダウンロードが始まります。ファイルの中に「cocoon-master」と言うファイルがあるので、大好きな所に保存しておいてください。

 

５．続いて、すぐ下にある「子テーマ」をダウンロードします。

６．「Cocoon子テーマをダウンロード」ボタンをクリックします。

＊こちらもクリック後、自動でダウンロードが始まります。ダウンロード完了後「Cocoon-child-master」を任意の場所に保存しておいてください。

 

以上で、ダウンロードが完了しました。ここでの注意点ですが、必ず「親ファイル」と「子ファイル」の両方をダウンロードしてください。その理由ですが、テーマのカスタムを行う際には「子ファイル」で行うからです。

 

親ファイルでもカスタム出来るのですが、アップデートが難しくなるそうです。なので、最初から子ファイルも同時にダウンロードしておくのをお勧めしておきます。

 

では、続いて次項で、WordPressにインストールしていきます。

 

Cocoonのインストール

１．ダッシュボードにアクセスします

２．左サイドバーより「外観」⇒「テーマ」をクリックします。

 

３．テーマの選択画面に切り替わります。

 

４．「新規追加」ボタンをクリックします。

 

５．画面が切り替わります。

６．「テーマのアップロード」ボタンをクリックします。

 

７．ファイル選択画面に切り替わります。

＊この項目で選ぶファイルは先ほどダウンロードした「cocoon-master」を選択してください。「今すぐインストール」をクリック後、ダウンロードが始まります。ダウンロード完了後は必ず「有効化」してください。

親テーマのインストール完了後に続いて子ファイルもインストールします。手順は先ほどの繰り返しです。ダウンロード完了後「有効化」を忘れずにお願いしますね。

 

ここまでの作業でインストールが完了です。WordPress内では既に「Cocoon」のテーマになっているので、このままブログを書くのも大丈夫です。

 

では、続いて設定に入ります。

 

 

Cocoonの設定

Cocoonの設定は、通常のテーマと違います。って、書くと少し不安に感じる人がいるかも知れませんね。でも、安心してください。こちらのやり方に慣れてしまえば、かなり楽なので「Cocoon」が手放せなくなります(笑)

 

その理由ですが、基本的な設定はエディター画面（ブログ作成画面のことです）で出来る所ですね。他のテーマだと、設定する度に画面を切り替える必要がありましたが、Cocoonのやり方であれば、１つの画面で殆どの設定が出来るので、従来のタイプよりも効率よく作業ができます。

 

では、設定の手順を解説します。

 

１．ダッシュボードにアクセスします。

２．サイドバーより「Cocoon 設定」をクリックします。

 

３．エディター画面（設定画面）に切り替わります。

画像の赤枠で囲まれた部分の設定が可能です。無料・・・とは思えない位、細かく設定できます。

この画面は「スキン」の設定画面になります。設定方法を続けていきます。

 

因みに「スキン」とは、Cocoonのデザインされた壁紙になります。

 

４、画面を下にスクロールすると「スキンの一覧」が表示されます。

＊画像では一部の表示です。実際には45種類のデザインがあります。

５．お好みのスキンを選択後「変更をまとめて保存」ボタンをクリックします。

 

これでスキンの設定は完了です。因みにスキンを設定すると最初からデザインされたページでブログを始めることが出来ます。画像など、まだ準備できていなければ「スキン」の機能を使うのをお勧めしておきます。

 

 

他の設定も個別に設定出来るので、あなたのペースに併せてコツコツと作業を進めていけば大丈夫です。その際の注意点ですが、保存をこまめにする事です。保存を忘れてしまうと・・・「設定したつもり」になってしまう恐れがあります。

 

Cocoonには他にもたくさんの魅力があります

私はまだ、全てを把握している訳ではないのですが、ワイヒラ氏が作ったテーマは表示速度が早くなるイメージがあります。前回の「Simplicity 2」と同様に、今回の「Cocoon」も表示速度は早いですね。他にも今、Simplicityを使っていらっしゃる人はそっくりそのまま設定を移行することも可能です。

 

シンプルなWordPressテーマ

Cocoonは、SEO・高速化・モバイルフレンドリーに最適化した無料テーマです。
見た目はシンプルですが、初めての方でも感覚的に使えるように
便利な機能を織り込んで作りました。
100％GPLテーマなので自由にご利用いただけます。

 

1. シンプル
2. 内部SEO施策済み
3. 完全なレスポンシブスタイル
4. 手軽に収益化
5. ブログの主役はあくまで本文
6. 拡散のための仕掛けが施されている
7. カスタマイズがしやすい

＊Cocoon公式ページ参照

 

他にも記事を書く人に優しい機能が満載です。

 

 

これだけの機能が無料で使えるのって・・・凄くないですか？今までは様々なプラグインやショートコードで補ってた機能が最初から使えるのは本当に心強いと感じてます。

 

まだまだ未知数なテーマなので、今後も何かわかり次第追記していきますね。

 

 

今回のまとめ

 

今回は無料で使えるテーマ「Cocoon」について書いてみました。インストールから設定まで図解入りで解説しましたが、いかがでしたか？

 

無料のテーマとはいえ、ここまでの機能や使い勝手が最初から装備されていると最早、有料のテーマを超えたのでは？！と、本気で思えてきました。

 

あなたが、無料で使える強いテーマをお探しであれば、今回お伝えした「Cocoon」をお勧めしておきますね。

 

 

編集後記

このテーマに変える前までは「Simplicity 2」を使っていました。こちらも個人的にはすごく使いやすいと感じていました。そんな時に、私の目の前に飛び込んできたのが「Cocoon」だったのです。

 

元々、テーマには余り詳しくないのですが、魅力的な機能が本当にたくさんありました。興味本位で今回のテーマ変更に踏み切りました。

 

テーマが変わると慣れるまで大変なのですが、Simplicityを使ってたので、今回は特に苦労することなく使えました。まだ完全に使いこなせていないので、少しずつ覚えていきます。何か新しい気づきがあれば追記しますね。

 

このブログの感想・ご意見・質問・相談は コチラ からお願いしますね。

 

 

アフィリエイトランキング

にほんブログ村

あなたの応援に感謝します♪