ブログが開設できたらワードプレステーマを導入します。
無料のワードプレステーマはCocoon、有料のワードプレステーマはSWELLをおすすめしています。
使いやすさは有料テーマのSWELLが圧倒的です!有料テーマは1回きりの支払いでアップデータは永久無料になりますよ。
※ワードプレスはアップロードが頻回なので、アップロードに合わせてテーマの製作者さんもプログラミングを変更・作成しています。
ちなみにCocoonの製作者さんはSWELLを推しています。
詳しくはこちらの記事をどうぞ↓
それでは、SWELL、Cocoonの導入方法を紹介します。
公式サイトに移動しましょう。
WordPressテーマ「SWELL」↑クリックすると公式サイトへ移動します。
公式サイトへ移動したら、右上の購入するをクリックします。
![](https://haruka-adsense.com/wp-content/uploads/2020/10/swell-1024x350.png)
購入するをクリックすると、購入ページに移動します。
![](https://haruka-adsense.com/wp-content/uploads/2020/10/swell2-1024x325.png)
下に進んで利用規約を確認できたら▢にチェック、「SWELLを購入する」をクリックしましょう。
メールアドレス、クレジットカード入力画面になります。
![](https://haruka-adsense.com/wp-content/uploads/2020/10/swell3-1024x570.png)
必要事項を入力して「17,600支払う」をクリックします。
決済が完了したら入力したメールアドレスにメールが届きます。
このメールは大切に保存しておきましょう!
SWELLをダウンロードする
![](https://haruka-adsense.com/wp-content/uploads/2020/10/swell4.png)
メール内の【SWELLダウンロード】のファイルをクリックし、PCへダウンロードします。
子テーマもダウンロードします。
↓をクリックすると子テーマダウンロードページに移動します。
![](https://swell-theme.com/wp-content/uploads/2020/04/swell-official-ogp.jpg)
子テーマをPCにダウンロードしましょう。
テーマは親テーマ、子テーマがあります。テーはを設定するにはどちらのテーマも必要になるのでダウンロードしましょう。
ワードプレスに設置する
先ほどダウンロードしたSWELLの親テーマ・子テーマをあなたのWordpressに設置していきます。
設置方法は製作者さんのサイトで分かりやすく解説されています。
→https://swell-theme.com/basic-setting/304/
以上でSWELLの導入が完了となります!
Cocoonをダウンロードする
Cocoonテーマのダウンロードページを開きます。
ボタンをクリックするとダウンロードページへ進みます。
![](https://haruka-adsense.com/wp-content/uploads/2020/05/f796492fbf328b782630cf6d06fde721.png)
![](https://haruka-adsense.com/wp-content/uploads/2020/05/ddf8ab51f2700c83326f8eb57cd5bbd4.png)
親テーマと子テーマがダウンロードできたら、次はブログにテーマを取り込みます。
ブログの管理画面に行き「外観」をクリックしましょう。
ワードプレスに設置する
![](https://haruka-adsense.com/wp-content/uploads/2020/05/df92e10bf4e0898b5d3f0aae7710e117.png)
初期設定の状態はいくつかテーマが入っています。
「新規追加」→「テーマのアップロード」をクリックし、先ほどダウンロードしたCocoonの親テーマを選択します。
![](https://haruka-adsense.com/wp-content/uploads/2020/05/3eba4f4381ab337d27a87b083f7a0ff6-1024x477.png)
![](https://haruka-adsense.com/wp-content/uploads/2020/05/afd2b4ba5b2e9ae528da85714d83392e-1024x570.png)
![](https://haruka-adsense.com/wp-content/uploads/2020/05/2bddbd50dea42ec3b20dbfb80bf8052b-1024x281.png)
![](https://haruka-adsense.com/wp-content/uploads/2020/05/2813c84a09c9bce29d2d0a5aad5ab2e3.png)
![](https://haruka-adsense.com/wp-content/uploads/2020/05/bc72efe759243ed39d2a7467e546a7d1-1024x263.png)
Cocoonの親テーマがアップロードできたら、次は子テーマをアップロードするので「テーマのページに戻る」をクリックします。
![](https://haruka-adsense.com/wp-content/uploads/2020/05/9f96d49ece82bc1f9a4678c8bb1881ad.png)
![](https://haruka-adsense.com/wp-content/uploads/2020/05/44b2314009d7110f91ef889b204f212a-1024x466.png)
![](https://haruka-adsense.com/wp-content/uploads/2020/05/c9f27ed0af29c6ef82c411efcd78be7f.png)
![](https://haruka-adsense.com/wp-content/uploads/2020/05/c22e761712b08017bcadd3d8c293a4c6-1024x260.png)
Cocoonの子テーマがダウンロードできたら「有効化」をクリックしましょう。
![](https://haruka-adsense.com/wp-content/uploads/2020/05/6f36ec30eb9573f1bec76c7bb9e8a707.png)
![](https://haruka-adsense.com/wp-content/uploads/2020/05/f70107248b67aad50bdab46d6b33f50a-1024x545.png)
これでWordpressの無料テーマ、Cocoonの設定完了です!お疲れさまでした(。•ㅅ•。)♡
もともと入っている使用しないテーマは削除しておきましょう。
テーマの画面からCocoon以外のテーマをクリック。右下の削除をクリックします。
![](https://haruka-adsense.com/wp-content/uploads/2020/07/bc587b67bf1f076fefaf2e780cdf9d90-1024x518.png)
Cocoonテーマについて「よく分からなかった…」という場合は製作者さんのサイトも確認してくださいね。
↓をクリックすると製作者さんのサイトが開きます。
https://wp-cocoon.com/theme-install/
「導入できた」「できなかった」一言はるかにメッセージをどうぞ!