どうも!北大生のはる(@_harukitare)です。
先日、Cocoonを使用していた友人にAFFINGERをプレゼントしたので、性能の比較や変更時の注意点を書きます。
![](https://harukitare.com/wp-content/uploads/2020/01/rouge_20200111_072823-e1578749809387.png)
・Cocoon使ってるけどAFFINGERが気になる…
・CocoonからAFFINGERに変える手順を知りたい!
という人は本記事を読めばOK。
どちらも超人気WordPressテーマで興味がある人も多いと思うので、ぜひ参考にしてみてくださいね。
![](https://harukitare.com/wp-content/uploads/2020/03/181bd154e57dcae47c5e329abd949cf7-1.jpg)
![](https://harukitare.com/wp-content/uploads/2020/03/181bd154e57dcae47c5e329abd949cf7-1.jpg)
![](https://harukitare.com/wp-content/uploads/2020/03/181bd154e57dcae47c5e329abd949cf7-1.jpg)
まずはそれぞれのテーマについて解説します!
\ 圧倒的な多機能性 /
WordPressテーマ『AFFINGER5』とは
![AFFINGER5](https://harukitare.com/wp-content/uploads/2020/06/99d9d3915b635b80aafb55cdaa8417ac-1024x657.jpg)
![AFFINGER5](https://harukitare.com/wp-content/uploads/2020/06/99d9d3915b635b80aafb55cdaa8417ac-1024x657.jpg)
WordPressテーマ『AFFINGER』とは、稼ぐことに特化したWordPressテーマです。
目立った特徴は以下の通り。
- しっかりSEO対策されている
- 記事作成パーツ活用でサクサク書ける
- クリックだけでデザインを細かく設定できる
月100万円以上稼いでいるブロガーたちにも愛用されていることからSEO対策の面は信頼できるでしょう。
たくさんの記事作成パーツを使うと初心者でも読みやすい記事を執筆でき、デザインもかなり豊富に用意されています。
CocoonはHTML・CSSを変更しないとオリジナリティが出にくいですが、AFFINGERならテーマ設定の自由度が高いので差別化できますよ。
![](https://harukitare.com/wp-content/uploads/2020/03/181bd154e57dcae47c5e329abd949cf7-1.jpg)
![](https://harukitare.com/wp-content/uploads/2020/03/181bd154e57dcae47c5e329abd949cf7-1.jpg)
![](https://harukitare.com/wp-content/uploads/2020/03/181bd154e57dcae47c5e329abd949cf7-1.jpg)
初心者ブロガーでもデザインのこだわりを実現できると思います!
より詳しくAFFINGERのことを知りたい方は以下の記事を読んでみてくださいね。
![](https://harukitare.com/wp-content/uploads/2020/06/AFFINGER-300x200.jpg)
![](https://harukitare.com/wp-content/uploads/2020/06/AFFINGER-300x200.jpg)
WordPressテーマ『Cocoon』とは
![WordPressテーマ『Cocoon』とは](https://harukitare.com/wp-content/uploads/2020/06/holiday-2880261_1920-1024x683.jpg)
![WordPressテーマ『Cocoon』とは](https://harukitare.com/wp-content/uploads/2020/06/holiday-2880261_1920-1024x683.jpg)
WordPressテーマ『Cocoon』とは、初心者ブロガーに大人気の無料WordPressテーマです。
目立った特徴は以下の通り。
- すべての機能を無料で使える
- ネットに初心者向けの情報が多い
- CSS・HTMLの変更によるカスタマイズの幅が広い
高性能な機能をすべて無料で使えるのは大きなメリットですね。
WordPressテーマにお金をかけたくない人はCocoonにしておけば間違いないでしょう。
初心者ブロガーの定番なので使っているサイトが多く、検索すれば大半の疑問は解決できます。
ユーザー数が多い分ほかの人と似たようなブログになりやすいですが、HTML・CSSを使いこなせる人は問題ありません。
![](https://harukitare.com/wp-content/uploads/2020/03/181bd154e57dcae47c5e329abd949cf7-1.jpg)
![](https://harukitare.com/wp-content/uploads/2020/03/181bd154e57dcae47c5e329abd949cf7-1.jpg)
![](https://harukitare.com/wp-content/uploads/2020/03/181bd154e57dcae47c5e329abd949cf7-1.jpg)
当ブログも最初はお世話になりました!
CocoonからAFFINGER5に変えるメリット・デメリット
![CocoonからAFFINGER5に変えるメリット・デメリット](https://harukitare.com/wp-content/uploads/2020/06/jesus-4336337_1920-1-1024x578.jpg)
![CocoonからAFFINGER5に変えるメリット・デメリット](https://harukitare.com/wp-content/uploads/2020/06/jesus-4336337_1920-1-1024x578.jpg)
WordPressテーマを『Cocoon』から『AFFINGER』に変えるメリットとデメリットを解説します。
CocoonからAFFINGERに変えるデメリット
CocoonからAFFINGERに変えるデメリットは次の2つです。
- 設定に時間がかかる
- テーマ変更でデザインが崩れる
当たり前ですが、AFFINGERに変えるとテーマの初期設定が必要になります。
ほとんどの部分がCocoonより細かく設定できるため、完了するまで時間がかかるでしょう。
トップページや記事のデザイン崩れの修正もしなければなりません(具体的な修正点は後述します)
WordPressテーマ『SWELL』にはCocoonからの乗り換えサポートがあり、サイトがほとんど崩れることなく移行できます。
詳しく知りたい人はSWELLの評判・口コミ・感想は?テーマ変更した結果【衝撃】をどうぞ。
CocoonからAFFINGERに変えるメリット
CocoonからAFFINGERに変えるメリットは次の3つです。
- 作業効率がアップする
- 表示スピードが速くなる
- ブログが読みやすくなる
AFFINGERのほうがブログ運営をサポートする機能が充実していて、使いこなすと各作業にかかる時間を短縮できます。
SEO対策の観点で重要なサイトスピードも速くなる傾向にあるため、遅くて悩んでいる人にはおすすめです(全員が改善されるとは限りません)
デザイン性が非常に高く、工夫次第では離脱率を下げて収益を上げたり、サイト内の回遊率を上げてPVを増やしたりできるでしょう。
![](https://harukitare.com/wp-content/uploads/2020/03/181bd154e57dcae47c5e329abd949cf7-1.jpg)
![](https://harukitare.com/wp-content/uploads/2020/03/181bd154e57dcae47c5e329abd949cf7-1.jpg)
![](https://harukitare.com/wp-content/uploads/2020/03/181bd154e57dcae47c5e329abd949cf7-1.jpg)
ブログを作りこむことで稼ぎやすくなりますよ!
\ 圧倒的な多機能性 /
AFFINGERが向いている人の特徴
![AFFINGERが向いている人の特徴](https://harukitare.com/wp-content/uploads/2020/06/lion-cub-2886432_1920-1024x875.jpg)
![AFFINGERが向いている人の特徴](https://harukitare.com/wp-content/uploads/2020/06/lion-cub-2886432_1920-1024x875.jpg)
『AFFINGER』が向いている人の特徴は以下の通り。
- 本気でSEO対策に取り組みたい人
- デザインを工夫して収益を上げたい人
- アフィリエイト中心のブログを運営している人
- 大量の機能を使いこなして作業を効率化させたい人
プロ仕様のSEO対策とカスタマイズ機能をフル活用できれば、初心者ブロガーでも上級者のサイトが作れるポテンシャルの高さが魅力的です。
趣味として好きなことを書きたいというより、しっかりブログの構成を練ってアフィリエイトで稼ぎたい人向けのテーマと言えるでしょう。
慣れるまでは大変ですが、どれだけ成長しても使い続けられるような満足できる性能になっています。
Cocoonが向いている人の特徴
![Cocoonが向いている人の特徴](https://harukitare.com/wp-content/uploads/2020/06/samantha-gades-BlIhVfXbi9s-unsplash-1024x684.jpg)
![Cocoonが向いている人の特徴](https://harukitare.com/wp-content/uploads/2020/06/samantha-gades-BlIhVfXbi9s-unsplash-1024x684.jpg)
『Cocoon』が向いている人の特徴は以下の通り。
- 情報集めが得意な人
- HTML・CSSが使える人
- とにかくコストを安くしたい人
- 文章力ありきの記事を書いている人
わからないことがあっても同じように悩んだ経験があるユーザーがいる可能性が高いため、検索したりSNSを駆使して情報を集められる人には向いています。
先述したように、HTML・CSSの知識があれば有料テーマに引けを取らないほどカスタマイズの幅も広がりますよ。
![](https://harukitare.com/wp-content/uploads/2020/03/181bd154e57dcae47c5e329abd949cf7-1.jpg)
![](https://harukitare.com/wp-content/uploads/2020/03/181bd154e57dcae47c5e329abd949cf7-1.jpg)
![](https://harukitare.com/wp-content/uploads/2020/03/181bd154e57dcae47c5e329abd949cf7-1.jpg)
僕は中途半端な知識でいじった結果ごちゃごちゃしちゃいましたが…笑
またエッセイや小説といった文章力が勝負のコンテンツでは、SEO対策やデザインはCocoonの基本的な機能で十分でしょう。
CocoonからAFFINGER5に変える際の注意点
![CocoonからAFFINGER5に変える際の注意点](https://harukitare.com/wp-content/uploads/2020/06/fantasy-3363980_1920-1024x469.jpg)
![CocoonからAFFINGER5に変える際の注意点](https://harukitare.com/wp-content/uploads/2020/06/fantasy-3363980_1920-1024x469.jpg)
WordPressテーマをCocoonからAFFINGERに変える手順は次の4ステップ。
- AFFINGERを購入する
- AFFINGERをダウンロードする
- AFFINGERをWordPressにアップロードする
- デザイン崩れを修正する
1つひとつ見ていきましょう。
➀AFFINGERを購入する
まずAFFINGERの公式サイトを開きます。
次のような画面になるので下にスクロールしてください。
![AFFINGERトップページ](https://harukitare.com/wp-content/uploads/2020/06/6d6fbd42fa55ead13bbc6bed19baf2f6-1024x527.jpg)
![AFFINGERトップページ](https://harukitare.com/wp-content/uploads/2020/06/6d6fbd42fa55ead13bbc6bed19baf2f6-1024x527.jpg)
『ご購入はこちら』というボタンを見つけてクリックします。
![AFFINGER購入](https://harukitare.com/wp-content/uploads/2020/06/c328df1d29893786cb8d89e5af5df748-1024x757.png)
![AFFINGER購入](https://harukitare.com/wp-content/uploads/2020/06/c328df1d29893786cb8d89e5af5df748-1024x757.png)
インフォトップの購入画面に移ったら『初めてインフォトップをご利用の方がこちら』と書かれているボタンを選択しましょう。
![AFFINGER infotop](https://harukitare.com/wp-content/uploads/2020/06/f751f0c62e4d8e626b9fa53ca60d8200-1024x664.png)
![AFFINGER infotop](https://harukitare.com/wp-content/uploads/2020/06/f751f0c62e4d8e626b9fa53ca60d8200-1024x664.png)
個人情報を入力する欄が出てきたらすべて正しく打ち込んでください。
![infotop入力](https://harukitare.com/wp-content/uploads/2020/06/9546f6fa7f4b843c4063ab271a83b90e.png)
![infotop入力](https://harukitare.com/wp-content/uploads/2020/06/9546f6fa7f4b843c4063ab271a83b90e.png)
支払い方法も選択したら『注文を確認』をクリックします。
![infotop購入方法](https://harukitare.com/wp-content/uploads/2020/06/e175427d33139ef5a2a3992475c868bf.png)
![infotop購入方法](https://harukitare.com/wp-content/uploads/2020/06/e175427d33139ef5a2a3992475c868bf.png)
入力した情報に誤りがないか再度確認して購入が完了させてください。
②AFFINGERをダウンロードする
購入が終わると以下のようなメールが届きます。
購入者マイページと書かれているリンクをクリックしてください。
![AFFINGERメール](https://harukitare.com/wp-content/uploads/2020/06/34e0b2cc8ba63e4ed7d54a91821271e0.png)
![AFFINGERメール](https://harukitare.com/wp-content/uploads/2020/06/34e0b2cc8ba63e4ed7d54a91821271e0.png)
インフォトップにログインが完了したら『注文履歴・ダウンロード』を選択。
![infotop購入画面](https://harukitare.com/wp-content/uploads/2020/06/d3cd0c94087bcffdc843adbf78762e48-1024x279.png)
![infotop購入画面](https://harukitare.com/wp-content/uploads/2020/06/d3cd0c94087bcffdc843adbf78762e48-1024x279.png)
購入履歴一覧から『ダウンロード』を押します。
期限があるので購入してから14日以内にダウンロードしてくださいね。
![AFFINGERダウンロード](https://harukitare.com/wp-content/uploads/2020/06/bacf1b5a4d054d58385bd419946f02d2-1024x615.png)
![AFFINGERダウンロード](https://harukitare.com/wp-content/uploads/2020/06/bacf1b5a4d054d58385bd419946f02d2-1024x615.png)
③AFFINGERをWordPressにアップロードする
ダウンロードが完了したら次の方法で有効化するファイルを表示させます。
- ダウンロードしたファイルを解凍する
- 『wing_af5_infotop_dl』のような名前のファイルを開く
- 『WordPressテーマ』というファイルを開く
![AFFINGER解凍](https://harukitare.com/wp-content/uploads/2020/06/c933b4601ceaebd7f57755ff20fc9e26-1-1024x188.png)
![AFFINGER解凍](https://harukitare.com/wp-content/uploads/2020/06/c933b4601ceaebd7f57755ff20fc9e26-1-1024x188.png)
次にWordPressを開き、ダッシュボードの『テーマ』を選択しましょう。
![WordPressテーマダウンロード](https://harukitare.com/wp-content/uploads/2020/05/5d54ddea0b4b8c413aa4669e6176d5b0.png)
![WordPressテーマダウンロード](https://harukitare.com/wp-content/uploads/2020/05/5d54ddea0b4b8c413aa4669e6176d5b0.png)
『新規追加』をクリック。
![WordPressテーマ新規追加](https://harukitare.com/wp-content/uploads/2020/05/aeae5afe3b5b7a0a688fed358ad90d25.png)
![WordPressテーマ新規追加](https://harukitare.com/wp-content/uploads/2020/05/aeae5afe3b5b7a0a688fed358ad90d25.png)
続けて『テーマのアップロード』を押します。
![AFFINGERアップロード](https://harukitare.com/wp-content/uploads/2020/06/0b96199fb91817f5a07315f4bdf926ff.png)
![AFFINGERアップロード](https://harukitare.com/wp-content/uploads/2020/06/0b96199fb91817f5a07315f4bdf926ff.png)
すると『ファイルを選択』ボタンが出現するので、先ほど表示させた『affinger5-child.zip』と『affinger5.zip』をインストールしてください。
![AFFINGER導入完了](https://harukitare.com/wp-content/uploads/2020/06/dc8ef84d593272abdf1e367be594efdd-1024x272.png)
![AFFINGER導入完了](https://harukitare.com/wp-content/uploads/2020/06/dc8ef84d593272abdf1e367be594efdd-1024x272.png)
最後に『WING-AFFINGER5 Child』のみ有効化されている状態になれば導入完了です。
④デザイン崩れを修正する
CocoonからAFFINGERに変更すると以下のような部分が崩れました。
- トップページがAFFINGERのデフォルトになった(当然ですが)
- 枠(ボックス)がなくなった
- 吹き出しがなくなり画像が巨大化した
- 目次がなくなった
- 見出しのデザインが変わった
- 文章中のマーカーが消えた
- 文字が大きくなった
- 記事の幅が狭くなった
上記のデザイン崩れは以下の3組の画像で確認できます。
トップページ
![Cocoonトップページ](https://harukitare.com/wp-content/uploads/2020/06/9feee3289b6033387330ff451cbd77fc-1024x740.png)
![Cocoonトップページ](https://harukitare.com/wp-content/uploads/2020/06/9feee3289b6033387330ff451cbd77fc-1024x740.png)
![AFFINGERトップページ](https://harukitare.com/wp-content/uploads/2020/06/b04aecf9a3ea3cb2a917fd3ce3c8e304-1024x779.png)
![AFFINGERトップページ](https://harukitare.com/wp-content/uploads/2020/06/b04aecf9a3ea3cb2a917fd3ce3c8e304-1024x779.png)
記事①(枠、吹き出し、目次)
![Cocoon記事冒頭](https://harukitare.com/wp-content/uploads/2020/06/65f329e2f20ea1f74dda061b60ecc59d.png)
![Cocoon記事冒頭](https://harukitare.com/wp-content/uploads/2020/06/65f329e2f20ea1f74dda061b60ecc59d.png)
![AFFINGER記事冒頭](https://harukitare.com/wp-content/uploads/2020/06/1e1e84cffada8d1c7651dc18a33a071e.png)
![AFFINGER記事冒頭](https://harukitare.com/wp-content/uploads/2020/06/1e1e84cffada8d1c7651dc18a33a071e.png)
記事②(見出し、マーカー、記事幅)
![Cocoon記事本文](https://harukitare.com/wp-content/uploads/2020/06/a650c5399b37fe5fec94f1b3f6fbffc5.png)
![Cocoon記事本文](https://harukitare.com/wp-content/uploads/2020/06/a650c5399b37fe5fec94f1b3f6fbffc5.png)
![AFFINGER記事本文](https://harukitare.com/wp-content/uploads/2020/06/955562ee7b4320ab9fc8b3bb787b4429.png)
![AFFINGER記事本文](https://harukitare.com/wp-content/uploads/2020/06/955562ee7b4320ab9fc8b3bb787b4429.png)
あくまで目安ですが、修正には3000文字の記事1つにつき40分ほどかかると思います。
CocoonとAFFINGER5の比較と変更時の注意点まとめ
CocoonとAFFINGERの違いや変更する手順を解説しました。
テーマ変更時のデザイン崩れを考えると、できるだけ記事が少ないうちに変更するのがいいでしょう。
ブログアフィリエイトでがっつり稼ぎたい人や、デザインにこだわりがある人は導入を検討してみてくださいね。
『AFFINGER』についてもっと詳しく知りたい人は、レビュー記事も書いたのでそちらどうぞ。
>>>AFFINGER5の評判や口コミは?【使った感想を本音レビュー】
本記事が少しでも参考になったらうれしいです。
\ 今なら4,980円のプラグインが無料 /
コメント