ワードプレスをインストールできたら、最初にテーマを入れちゃいましょう。
テーマとはブログの外観をおしゃれに変更するテンプレートのことです。
テーマについては「ワードプレスのテーマ(テンプレート)を決めよう│無料・有料おすすめテーマをご紹介」の記事で簡単にふれていて、無料と有料(1万円台が多い)のものがあります。
今回は無料なのに高機能でブロガーに人気の「Cocoon(コクーン)」というテーマをサンプルに解説したいと思います。
▼ワードプレスを入れたばかりのブログ外観はこんな感じです。(「Twenty Twenty-Two」というテーマが有効になっている状態です)
![](https://cocolon48.com/wp-content/uploads/2022/04/8b85e017f9a9972d4f4420effe3cca39.jpg)
▼今回「Cocoon(コクーン)」を入れるとこんな感じになって。。。
![](https://cocolon48.com/wp-content/uploads/2022/04/87d783ff95b6090a5c45cb2db6945277.jpg)
▼デザインをカスタマイズすると、こんな風にも変えられたりします。
![](https://cocolon48.com/wp-content/uploads/2022/04/51f7530bc838513f245edf1f31c73259.jpg)
センスさえあれば、さらにオシャレにすることも可能です!
テーマのインストールは所要時間5~10分程度ですので、サクッといきましょう。
Contents
テーマインストールの流れ
今回やるテーマインストールの流れは以下になります。
- テーマのZIPファイルを入手
- ZIPファイルをインストール&有効化
- 外観の確認(必要なら少しカスタマイズ)
①親テーマと子テーマのzipファイルをダウンロード
まずは使いたいテーマのZIPファイルを入手しましょう。
「Cocoon(コクーン)」のサイトへアクセスし、「親テーマ」と「子テーマ」をダウンロードします。(親・子テーマの説明は次の項目に記載)
▼親テーマのダウンロード
![](https://cocolon48.com/wp-content/uploads/2022/04/108a2f8d6a351bcd3dce7aa3ce7818dd.jpg)
▼子テーマのダウンロード
![](https://cocolon48.com/wp-content/uploads/2022/04/4f3788bac2847ca9571ec359762387f2.jpg)
▼zipファイルがダウンロードされました。(バージョンは現在と多少違っているかもしれません)
![](https://cocolon48.com/wp-content/uploads/2022/04/d05e962fff97037cb76bf41972d59d31.jpg)
「親テーマ」「子テーマ」とは?
「親テーマ」は大元のテーマで、これ単体でも機能するもの。
一方の「子テーマ」は、カスタマイズ用にに必要最小限のファイルで作られた、親テーマの分身のようなものです。(zipファイル名に「child」などついています)
【参考】子テーマのファイルとは、
➡functions.php
機能に関するファイル
➡style.css
デザイン・体裁に関するファイル
なぜ子テーマがあるかというと、
デザインや機能など親テーマをいじってカスタマイズすると、親テーマをアップデートした際、カスタマイズが消えてしまうことがあるからです。
子テーマがあるテーマの場合は、「親テーマ」「子テーマ」の両方をダウンロード&インストールし、「子テーマ」を有効化しましょう。
②テーマのアップロード&有効化
▼①管理画面左のバー(ダッシュボード)の「外観」→「テーマ」をクリック。
![](https://cocolon48.com/wp-content/uploads/2022/04/1f1f76c5b85d3159bf7bbe266d380dce.jpg)
![](https://cocolon48.com/wp-content/uploads/2022/04/daed93883b1b829da120f9fb0531ec4f.jpg)
▼③「テーマのアップロード」
![](https://cocolon48.com/wp-content/uploads/2022/04/4e0743f241541d36e2bd1ad7ae961122.jpg)
▼④「ファイルを選択」
![](https://cocolon48.com/wp-content/uploads/2022/04/b93a2901e52d14cbc974342d70b8d4ae.jpg)
▼⑤先ほどダウンロードしたファイルの「親テーマ」をクリックしてアップロードします。
![](https://cocolon48.com/wp-content/uploads/2022/04/04f6e3c48b016af0f7b9d34a1d327063.jpg)
▼⑥ファイルがきちんとアップロードされたのを確認し、「今すぐインストール」をクリック。
![](https://cocolon48.com/wp-content/uploads/2022/04/d6c28daac930166527879e6a21f92114.jpg)
参考までに私は、ここで2回画面が固まってやり直しました。
3度目にインストール成功しましたが、1分弱の時間がかかったと思います。
▼⑦親テーマのインストールが完了するとこちらの画面に。
![](https://cocolon48.com/wp-content/uploads/2022/04/8e8ef26d9b3669b942c120d609a108e8.jpg)
「テーマページへ移動」からテーマ画面へ戻ったら、今度は子テーマを同じ手順でインストールします。(インストール手順の振り出しに戻る)
▼⑧子テーマのインストールが完了したら、こちらの画面で「有効化」クリック。
![](https://cocolon48.com/wp-content/uploads/2022/04/a42455d542ffd1e7b1d8532de129d11d.jpg)
③外観の変化を確認&少しだけカスタマイズ
テーマ有効化ができたらトップページへアクセスし、変化を確認しましょう。
▼左上のブログ名クリックでトップページにいけます。
![](https://cocolon48.com/wp-content/uploads/2022/04/d2731b19ff2517e388e6b281dcec8389.jpg)
▼Cocoonの外観にチェンジしました。
![](https://cocolon48.com/wp-content/uploads/2022/04/87d783ff95b6090a5c45cb2db6945277.jpg)
殺風景なのが気になる場合はCocoonの「スキン」という着せ替え機能で少し見た目を変えてみても。
もう一度、左上のブログ名クリックで、管理ページに戻ります。
▼「Cocoon設定」をクリック
![](https://cocolon48.com/wp-content/uploads/2022/04/9879e9fa9cd89c49521d41399952ec60.jpg)
▼「スキン」が選択されている状態で下にスクロールし、
![](https://cocolon48.com/wp-content/uploads/2022/04/3d6697c74481169465a0341a0b1005c5.jpg)
▼スキン一覧から好きなデザインを選んでみましょう。画像マークにカーソルを合わせると、イメージが見れます。
![](https://cocolon48.com/wp-content/uploads/2022/04/356218a299d5fd7682b66f966785485c.jpg)
![](https://cocolon48.com/wp-content/uploads/2022/04/2e74f091709817628c130bbfa3b7cab0.jpg)
選べたら左下の「変更をまとめて保存」をクリックで、外観を着せ替えできます。
まだまだ作業は盛りだくさんなので、外観のカスタマイズはこの辺にしておきましょう。
一通り設定を終えてから、気になる方は外観をおしゃれにしていかれればと思います。(「Cocoon カスタマイズ」で検索するといろいろ出てくるはずです。)
ブログの種類にもよりますが、収益化を目指すブログでは「とにかく記事を書くこと」が大事になってきます。