【無料テーマCocoon】ダウンロード～WordPressにインストール手順

こんにちは、利Zo-です。

今回は【無料テーマCocoon】ダウンロード～WordPressにインストール手順　と題して

WordPressのテーマ「Cocoon」(コクーン)を使ってサイトの土台とも言える部分を画像で解説していきます。

前回まででWordPressの基本的な設定は済ませました。(下のリンク記事)
【ブログ初心者向け】WordPress最低限の初期設定を画像で解説！

いよいよ自分のブログのテーマ(見た目)を決めていきます。

WordPressのテーマは無料で沢山のデザインが公開されています。

好きなデザインのテーマを使うのは良いのですがそのテーマを使って問題が起きた場合あまり使っている人がいないテーマだとgoogleで検索しても問題が解決しないという事が起きかねません。

なのである程度名が知れたテーマを使う事をお勧めします。

中でも今回使うCocoonは無料テーマの中で最強とまで言われるテーマなので分からないことがあればいくらでも調べられます。

それでは見た目がどんな感じに変化するのか画像で見ていきましょう！

現在初期に設定されているのはこのテーマですね。↓

Cocoonにテーマを変えるとこうなります。↓

更にCocoonの中のスキンというデザインを変えるとまた見た目が変わります。↓

スキンは初期から何種類も用意されているので色々試してみると良いと思います。

更に色々詰め込むと同じスキンでもこんな感じに表示されます。↓

見た目がブログサイトらしくなりました！

記事の表示のさせ方も変えられるのでかなり自由度があります。

これぐらいまでの設定をするとあとはブログを書きながらWordPressの使い方や更に自分に合った設定などを学んでいけば良いかと思います。

Cocoonのインストール

WordPressのテーマはWordPressにインストールしないと反映されません。

今回も画像付きで説明していきますので簡単にインストールできるかと思います。

1・cocoonのサイトに行きテーマをダウンロードします。

1・Cocoonのサイトに下記リンクよりアクセスしてください。
Cocoonダウンロードサイト

①赤いダウンロードというボタンを押します

 

2・ダウンロードのページに移動します。

 

3・下の方にスクロールして行き②の「”Cocoonテーマ”をダウンロード」というボタンを押しダウンロードする。

 

4・そのままのページで更に下にスクロールするともう一つ③の「”Cocoon子テーマ”をダウンロード」というボタンがあるのでこれもダウンロードします。

5・これでダウンロードは完了です。

 

ここでダウンロードしたCocoonの親テーマと子テーマについてWordPress初心者の方向けにザックリ簡単に説明しておきます。

親テーマと言われる「Cocoonテーマ」はCocoonのベース(土台)になる物と思ってください。

「Cocoon子テーマ」はCocoonをカスタマイズ(設定)する部分のためのテーマと思ってもらえばいいです。

WordPressのテーマも定期的にアップデートが行われますがその時にテーマの書き換えがされます。

せっかくカスタマイズしたCocoonがアップデートの際に初期状態になったりしたらまた設定のし直しという事になります・・・。

今のところ何かトラブルが起きた時ために親テーマと子テーマという感じに分けてWordPressにインストールするものと解釈してもらえば良いかと思います。

とっても親切な設計になっているということですね！

2・ダウンロードしたCocoonをWordPressにインストール

それではWordPressにcocoonのをインストールしていきます。

まずWordPressにログインしましょう。開くと「Hello world!」というトップ画面が表示されます。

 

1・左上のブログタイトルにカーソルを持っていくと下にメニューが出ますので①のテーマをクリックしてください。

 

2・現在WordPressにインストールされているテーマが表示されます。(初期に登録されている物)
②の「新規追加」というボタンを押します。

 

3・テーマがいくつか表示されますが今回は無視して③の「テーマのアップロード」というボタンを押します。

 

4・アップロードするファイルを選ぶ画面になるので画像の左にある「ダウンロード」という項目をクリックし、先ほどダウンロードした⑤のCocoonの親テーマ「cocoon-master-2.2.5.7」というファイルをダブルクリックするかクリックして右下の「開く」というボタンを押します。

5・選択した親テーマのファイル名が表示され、右に⑤「今すぐインストール」のボタンがあるので押してください。

 

6・上からインストールしている項目が表示されていきます。
少し待つとこのような画面が表示されるので⑥の「テーマページへ移動」というリンクを押します。

 

7・WordPressのテーマの中にCocoonの親テーマがインストールされました。
続いてさっきと同じように⑦の「新規追加」を押してください。

 

8・さっきと同じなので③「テーマのアップロード」を押します。

 

9・さっきと同じにアップロードするファイルを選ぶ画面になるので画像の左にある「ダウンロード」という項目をクリックし、今度は⑧のCocoonの子テーマ「cocoon-child-master-1.1.2 」というファイルをダブルクリックするかクリックして右下の「開く」というボタンを押します。

 

10・今度は選択した子テーマのファイル名が表示され、右に⑨「今すぐインストール」のボタンがあるので押します。

 

11・上からインストールしている項目が表示されていきます。
少し待つとこのような画面が表示されるので今度は⑩の「有効化」というリンクを押します。

 

12・子テーマが表示され有効と表示されます。
それではさっそく⑪のブログタイトルを押してみてください！

 

13・CocoonのTOPページが表示されましたね！

Cocoonのインストール【まとめ】

WordPressにCocoonというテーマ(見た目のデザイン)を組み込む手順を画像付きで紹介しました。

これでWordPressにCocoonがインストールされたのであなたのブログサイトの土台が出来ました！

画像で1手順づつ見ていくと長い工程ですがダウンロードからインストールまでは10分もあれば出来てしまうと思います。

WordPressを使っている人にとっては基本的な事ですが、実際ここまで出来る人はあなたの周りには中々いないと思います。

まだ知識が浅いうちはこれだけでも結構な労力です。

ですがあなたのネットリテラシーは確実に普通の人よりも上がっています！

次回はCocoonの基本的な設定をしていきます。