こんにちは☺
無料テーマ「Cocoon」でブログ運営しているあいぽん(@bb_ai.pon)です!
![あいぽん](https://aipon.net/wp-content/uploads/2018/09/aiニコニコ顔.png)
ブログの装飾はCSSがわからなくても大丈夫!
有料のテーマもたくさんありますが、
ブログ始めたばかりの頃は
できるだけ費用を抑えたいですよね…。
私も無料のテーマ『Cocoon』を使っているのですが
ボタンクリックするだけでおしゃれに装飾できるし
SEO対策などもされているテーマなので、
検索上位も狙えるテーマです!
まずは無料で始めてみようかな…
と思っているブログ初心者の方へ
「Cocoon」をワードプレスにダウンロードして使う方法をまとめましたので
記事を見ながら設定してみて下さい!
![あいぽん](https://aipon.net/wp-content/uploads/2018/09/aiニコニコ顔.png)
実際に装飾カスタマイズする方法は
次回更新します☺
ダウンロードしたら検索上位にするための「SEO対策」もしっかりしてね!
![](https://aipon.net/wp-content/uploads/2021/02/CocooのSEO対策設定-160x90.jpg)
ワードプレスで無料テーマ『Cocoon』を使う設定方法
❶「Cocoon」の親テーマをダウンロード
![](https://aipon.net/wp-content/uploads/2021/03/cocoon-600x450.jpg)
まずCocoonの親テーマのデータをダウンロードします。
![あいぽん](https://aipon.net/wp-content/uploads/2018/09/ai笑顔.png)
ダウンロードするだけで、
まだ触らないでね!
❷「Cocoon」の子テーマをダウンロード
![](https://aipon.net/wp-content/uploads/2021/03/screenshot-2-500x375-1.jpg)
次に、子テーマをダウンロードします。
❸ワードプレス管理画面でテーマをアップロードする
- 親テーマ
- 子テーマ
どちらもダウンロードできたら、
ワードプレスの左側「外観」→「テーマ」を押してください。
![](https://aipon.net/wp-content/uploads/2021/03/cocoonダウンロード-178x300.jpg)
次に「新規追加」
![](https://aipon.net/wp-content/uploads/2021/03/cocoonダウンロード1-600x108.jpg)
「テーマのアップロード」を押してダウンロードしたファイルを選びます。
先に『親テーマ』からアップロードしていきましょう!
![](https://aipon.net/wp-content/uploads/2021/03/cocoonダウンロード2-600x299.jpg)
親テーマをアップロードしたら「今すぐインストール」をクリックします。
![](https://aipon.net/wp-content/uploads/2021/03/cocoonダウンロード3-600x139.jpg)
親テーマのインストールが終わったら
続いて「子テーマ」もアップロードし「今すぐインストール」をしましょう。
❹子テーマを有効化する
子テーマをインストールし終わったら、
必ず「子テーマ」を有効化して下さい。
![](https://aipon.net/wp-content/uploads/2021/03/cocoonダウンロード4-600x322.jpg)
![あいぽん](https://aipon.net/wp-content/uploads/2018/09/ai笑顔.png)
後から、テーマをカスタマイズしたくなった時に
必要な設定になります。
画面がこうなっていたらOKです!
![](https://aipon.net/wp-content/uploads/2021/03/cocoonダウンロード5-600x328.jpg)
これでCocoonを使って
ブログを装飾することが出来るようになりました!!
![あいぽん](https://aipon.net/wp-content/uploads/2018/09/aiキラキラ顔.png)
超簡単!!
エックスサーバーで「Cocoon」を使う際の注意点
Cocoonの推奨環境の確認
- PHP:PHP7以上
- WordPress:5.3.0以上
- エックスドメイン:非推奨
![あいぽん](https://aipon.net/wp-content/uploads/2018/09/ai驚き顔.png)
エックスドメインとは
エックスサーバーが提供しているドメインのこと。
ワードプレスの高速化設定で
「ブラウザキャッシュを有効」という設定にするとエラーが出るそうです。
私も有効にしていたのですが、何もエラーが出ませんでした。
しかし、万が一のことを考えて
エックスサーバーで運営している方は、以下の設定を確認しておいて下さい。
ブラウザキャッシュを無効にする
ワードプレスの左側「Cocoon設定」→「高速化」をクリック
![](https://aipon.net/wp-content/uploads/2021/03/cocoonダウンロード6-300x256.jpg)
【プラウザキャッシュの有効化】のチェックを外しておいて下さい。
![](https://aipon.net/wp-content/uploads/2021/03/cocoonダウンロード7-600x238.jpg)
エックスサーバーのサーバーキャッシュをOFF
エックスサーバーでの初期設定時は「OFF」になっているはずですが
念のため確認しておいて下さい。
サーバーパネルにログイン後
![](https://aipon.net/wp-content/uploads/2021/03/エックスサーバーのサーバーパネルにログイン-600x382.jpg)
「サーバーキャッシュ設定」をクリックして
![](https://aipon.net/wp-content/uploads/2021/03/エックスサーバーのサーバーパネルにログイン1-600x414.jpg)
「ドメイン選択画面」→指定のドメインを「選択」
![](https://aipon.net/wp-content/uploads/2021/03/エックスサーバーのサーバーパネルにログイン2-600x241.jpg)
OFFになっているかチェック!
![](https://aipon.net/wp-content/uploads/2021/03/エックスサーバーのサーバーパネルにログイン3-600x291.jpg)
「更新」が出たら自動アップデートする
ワードプレスの左側ダッシュボードに『更新』という表示がでてくる時があります。
![](https://aipon.net/wp-content/uploads/2021/03/ワードプレスの更新表示.jpg)
クリックして【テーマ更新】という表示が出たら
更新ボタンを押してアップデートしましょう!
![](https://aipon.net/wp-content/uploads/2021/03/cocoon更新-600x294.jpg)
![あいぽん](https://aipon.net/wp-content/uploads/2018/09/aiニコニコ顔.png)
これで自動アップデートしてくれるよ!
あいぽんの一言。
![あいぽん](https://aipon.net/wp-content/uploads/2018/09/aiニコニコ顔.png)
設定お疲れ様でした!
Cocoonは親テーマと子テーマの2つありますが
どちらもダウンロードしておいてね!!
装飾カスタマイズする際に必ず必要になってくるので
「子テーマ」を有効化させておいてください。
ダウンロード完了したので、
好きなイメージにさっそく装飾してみましょう!!
![あいぽん](https://aipon.net/wp-content/uploads/2018/09/aiキラキラ顔.png)
次回は、初心者でもコピペでカスタマイズできるよう
装飾方法をまとめていますのでチェックしてね!
検索上位にするための「SEO対策」もしっかりしてね!
![](https://aipon.net/wp-content/uploads/2021/02/CocooのSEO対策設定-160x90.jpg)
コメント