![](https://starting-marketing.com/wp-content/uploads/2021/12/alvin-lenin-2ta8OjluZuI-unsplash-1024x768.jpg)
この記事では、WordPressに新しいテーマを追加していく方法について解説していきます。
今回は無料テーマで有名な【Cocoon】を例にテーマを追加していきたいと思います。
また、テーマのインストールには手順がありますので、手順をミスってしまうと上手くインストールできない可能性がありますので気をつけましょう。
ちなみに本ブログでは、【Cocoon】の詳しい設定方法や使い方についても他の記事で解説しています。
ぜひご参照ください。
![](https://starting-marketing.com/wp-content/uploads/2021/12/screenshot-2-500x375-3.jpeg)
テーマ【Cocoon】のダウンロード
まずはテーマのダウンロード方法から解説していきます。
下記の【Cocoon】テーマダウンロードページへアクセスします。
![](https://starting-marketing.com/wp-content/uploads/cocoon-resources/blog-card-cache/81eb8044b0b582106655d091c08e7a24.jpeg)
するとCocoonのページに移行しますので、下にスクロールしていくと「親テーマのダウンロード」というものがあります。まずは、この親テーマからダウンロードしていきますので、すぐ下にある【”Cocoonテーマ”をダウンロード】のボタンをクリックします。
![](https://starting-marketing.com/wp-content/uploads/2021/12/f2883707211b8ea9be7ce0d9b80d59fa-1.jpg)
また、ダウンロードボタンの下に注意書きがありますので、必ず一読しておいてください。
![](https://starting-marketing.com/wp-content/uploads/2021/12/38c3dc4bef7ec135683843c8fa3df0b7.jpg)
「親テーマ」がダウンロードできたら、さらに下へスクロールしていきます。
すると今度は【子テーマのダウンロード】というものがありますので、「”Cocoon子テーマ”をダウンロード」のボタンをクリックします。
![](https://starting-marketing.com/wp-content/uploads/2021/12/269852831c3fe713ee3acd6e1c7aafe6-1.jpg)
すると、《Cocoon-master-●.●.●.zip》と《Cocoon-child-master-●.●.●.zip》という2つのzipファイルがダウンロードされます。(●の部分はバージョンを示しています。)
![](https://starting-marketing.com/wp-content/uploads/2021/12/2122660c6a961e79c117ef4c32d64951.jpg)
テーマ【Cocoon】のインストール
つづいて、WordPressのダッシュボードにログインし、「外観」にカーソルを合わせて「テーマ」をクリックします。
![](https://starting-marketing.com/wp-content/uploads/2021/12/5c36118f2cab00e5e1109bb885c6c493.jpg)
テーマのページに移動したら、ページ上部の「新規追加」をクリックします。
![](https://starting-marketing.com/wp-content/uploads/2021/12/ab64fa10881e4f3aebefdedd72aa99d5.jpg)
「テーマを追加」というページに移行しますので、上部の【テーマのアップロード】のボタンをクリックします。
![](https://starting-marketing.com/wp-content/uploads/2021/12/517d45018b98657a8cc3509021b3a36d.jpg)
すると、中央に「ZIP形式のテーマファイルをお持ちの場合、こちらからアップロードしてインストールまたは更新できます。」と表示されたページに移行します。
![](https://starting-marketing.com/wp-content/uploads/2021/12/d6e571b822c02e11ec9b14dfc1feff57.jpg)
ここで、先ほどダウンロードしたCocoonテーマのファイルを用意します。
まず最初に、親テーマである《Cocoon-master-●.●.●.zip》のファイルをアップロードします。
ドラッグドロップでアップロードできるので、「ファイルを選択」へ向かってドラッグします。
![](https://starting-marketing.com/wp-content/uploads/2021/12/8a552dc2d2da0cd0e2ef86fe68f7d48d.jpg)
するとファイル名が表示され、【今すぐインストール】というボタンが有効化されますのでクリックします。
![](https://starting-marketing.com/wp-content/uploads/2021/12/558da44537af91575467e0374ebd2908.jpg)
【今すぐインストール】をクリックすると、「アップロードしたファイルからテーマをインストールしています。」と表示され、その下に「テーマをインストールが完了しました。」と表示されます。
これでCocoonの親テーマのインストールが完了しました。
![](https://starting-marketing.com/wp-content/uploads/2021/12/b9c063c9c4a0413a252c1777afd86673.jpg)
つづいて、子テーマのインストールをしていきます。
もう一度サイドメニューから「テーマ」のページに戻り、先ほどと同じ手順で「新規追加」→「テーマのアップロード」の順に進みます。
![](https://starting-marketing.com/wp-content/uploads/2021/12/010dd1d1d0513614d80fe23661fd3618.jpg)
![](https://starting-marketing.com/wp-content/uploads/2021/12/0fbe3b418306b963c711331a9e2868a7.jpg)
ファイルを選択画面で、今度はファイル名に「child」と書かれている子テーマをドラッグアンドドロップし、【今すぐインストール】をクリック。
![](https://starting-marketing.com/wp-content/uploads/2021/12/f742d5b5905d82df6003e2fb8e9c688f.jpg)
![](https://starting-marketing.com/wp-content/uploads/2021/12/81627f7c7e90c2e3be24ec3b9cba9e7f.jpg)
そして同じように、「アップロードしたファイルからテーマをインストールしています」と表示され、「テーマのインストールが完了しました。」と表示されます。
これで、子テーマのインストールも完了しました。
![](https://starting-marketing.com/wp-content/uploads/2021/12/23ac27e265bf0966542faae2c6506ebe.jpg)
子テーマのインストールまで完了したら、下に「有効化」の文字がありますのでクリックします。(ここでクリックし忘れた場合はサイドメニューから「テーマ」をクリックし、「Cocoon Child」にカーソルを合わせて「有効化」をクリックします。)
![](https://starting-marketing.com/wp-content/uploads/2021/12/a0e89c60741300c131e60e268606e616.jpg)
すると、自動的に「テーマ」のページへ移行し、Cocoonの子テーマが有効化されているのが確認できます。
![](https://starting-marketing.com/wp-content/uploads/2021/12/8ef17d41df5893c500711636959a427c.jpg)
まとめ
今回は無料テーマ【Cocoon】を例に挙げて解説しましたが、Cocoonに限らず親テーマと子テーマがあるテーマに関しては、「①親テーマ → ②子テーマ」の順にインストールし、有効化するのは小テーマだけとなります。ここだけ注意しておきましょう。
・ワードプレスのテーマを選ぶポイント
![](https://starting-marketing.com/wp-content/uploads/2021/12/fikret-tozak-Zk-Ydz2IAs-unsplash-320x198.jpg)
・おすすめテーマの紹介
![](https://starting-marketing.com/wp-content/uploads/2021/12/apple-gaac626ab7_1920-320x198.jpg)
・テーマのダウンロードからインストールまで
![](https://starting-marketing.com/wp-content/uploads/2021/12/alvin-lenin-2ta8OjluZuI-unsplash-320x198.jpg)
・テーマとプラグインの相性・関係性
![](https://starting-marketing.com/wp-content/uploads/2021/12/22938457_m-320x198.jpg)
・無料テーマCocoonの設定
![](https://starting-marketing.com/wp-content/uploads/2021/12/screenshot-2-500x375-3.jpeg)