こんにちは!イオです。
WordPressで人気のテーマ「Cocoon」!
なんといっても無料なのがありがたいですね。それに何種類もあるスキンから好きなものを選んでカスタマイズできるので、ブログ初心者にはオススメのテーマです!
![](https://hospitalityjapan.jp/wp-content/uploads/2024/04/2024-04-19_00h27_21.png)
好みにカスタマイズできるってワクワクする~♪
Cocoonのダウンロード
Cocoonの専用サイト
↓↓↓
![](https://hospitalityjapan.jp/wp-content/uploads/cocoon-resources/blog-card-cache/81eb8044b0b582106655d091c08e7a24.jpeg)
Cocoonには親テーマと子テーマがあります。まずは親テーマからダウンロード!
![](https://megu-blog.net/wp-content/uploads/2023/10/2023-10-13_11h00_081.png)
次に、子テーマをダウンロードします.
![](https://megu-blog.net/wp-content/uploads/2023/10/2023-10-13_11h04_26.png)
これでダウンロードは完了です!
![](https://hospitalityjapan.jp/wp-content/uploads/2024/04/2024-04-19_00h27_21.png)
初めてだと難しそうだけどダウンロードできると達成感ある!
Cocoonのインストール
ブログの管理画面にログインします。
「外観」メニューのなかにある「テーマ」をクリックしてください。
![](https://megu-blog.net/wp-content/uploads/2023/10/2023-10-13_11h16_17.png)
テーマの画面が表示されているでしょうか。そこにある「新規追加」をクリック。
![](https://megu-blog.net/wp-content/uploads/2023/10/2023-10-13_11h20_08.png)
そうすると「テーマのアップロード」がでてくるので、そこをクリック!
![](https://megu-blog.net/wp-content/uploads/2023/10/2023-10-13_11h23_36.png)
ZIP形式のテーマファイルをアップロードするための画面が表示されます。
「ファイルを選択」をクリック。ファイルの中から「cocoon-child-master」と「cocoon-master」を選択します。
![](https://megu-blog.net/wp-content/uploads/2023/10/2023-10-13_11h29_16.png)
![](https://megu-blog.net/wp-content/uploads/2023/10/2023-10-13_11h29_34.png)
上記を選択してください。ファイルの選択が終わったら「今すぐインストール」をクリック。「インストールが完了されました」と表示されれば完了です!
管理画面の「外観」メニューのなかにある「テーマ」をクリックすると、「Cocoon」が追加されています。
![](https://megu-blog.net/wp-content/uploads/2023/10/2023-10-13_13h24_46.png)
親テーマのみインストールした場合は、テーマのアップデート時にCSSやテンプレートカスタマイズがリセットされてしまいます。子テーマをインストールすることで、テーマカスタマイズを保持したままアップデートができます。CSSやテンプレートをカスタマイズしない場合でも、子テーマを利用することをおすすめします。
https://wp-cocoon.com/theme-install/
ダウンロードとインストール完了お疲れさまでした☆
![](https://hospitalityjapan.jp/wp-content/uploads/2024/04/2024-04-19_00h27_21.png)
ファイルもダウンロードできたー^^
Cocoonを有効化する
「外観」→「テーマ」Cocoonにマウスを合わせて「有効化」をクリックします。
すると、「Cocoon」が有効になり使えるようになります!
![](https://megu-blog.net/wp-content/uploads/2023/10/2023-10-13_13h36_40.png)
サイト表示を確認する
テーマが反映されているかどうかサイト表示して確認します。
![](https://megu-blog.net/wp-content/uploads/2023/10/2023-10-14_17h00_02.png)
この方法でも確認できます。管理画面の左上にあるサイト名にマウスをあわせると「サイト表示」の文字がでてきます。そこをクリックしてみましょう。
↓↓↓
![](https://megu-blog.net/wp-content/uploads/2023/10/2023-10-14_17h07_33.png)
これでサイトが表示されれば、無事「Cocoon」のインストール完了です!
シンプルでとても使いやすいテーマですね。
![](https://hospitalityjapan.jp/wp-content/uploads/2024/04/2024-04-19_00h27_21.png)
自分好みにカスタマイズして唯一無二のブログを作れそう!
お疲れさまでした!
この記事がみなさんのお役に立てれば幸いです。
コメント