強欲な青木
AFFINGER5(アフィンガー)から6に無料アップデートできるみたいなんだけど‥、コレしたほうがいいのかな？
絶対アップデートした方がいいです！‥アップデートするだけでサイトの機能が改善するんで！
管理人
以下の読者を想定します。
- AFFINGER5を使っている人
- ブログに本気で取り組み始めたい人
- 他テーマでWordPressを運用している人
AFFINGER(アフィンガー)とは‥WordPress(ホームページ作成ツール)を、より便利にするために活用するテンプレートの中で有名なものの一つ。
当ブログの信頼性
AFFINGER5からAFFINGER6にアップデートしたことによるサイトスコアの改善は以下の通りです。
ＢＥＦＯＲＥ
ＡＦＴＥＲ
サイトスコアはGoogle Lighthouseで計測しています。
バイクタマスケ
改善されっぷりがエグいて！
‥特にPerfomance(速さ)を20とか上げるのは本来メッチャ大変やのに。
ビビりました。AFFINGERさん、そんなんできるんやったら言うといてや！って感じです。
管理人
怪人タマ王
AFFINGER6をインストールするだけで、こんな改善がされるなんてウマい話があるんですか‥。
そうです。そのコツと、メリット・デメリットについて実際アップデート完了した立場から紹介していきます！
管理人
デメリットまで解説しますので、他テーマを使用されている方や有料テーマの導入を検討されている方は是非じっくり読んで下さいませ。
AFFINGER５⇒６へアップデート完了！メリット・デメリットを解説します
◎ AFFINGER5購入ユーザーは無料で6へアップデート可能！
現在AFFINGER5を使用している方であれば、STINGER STOREから購入ページ利用申請をすることでAFFINGER6(アフィンガー)のダウンロードが可能になります。
step
1STINGER STOREの「購入ユーザー限定」ページにアクセス
参考STINGER STORE
step
2ACTION β版のAFFINGER6をクリック
当サイトはAFFINGER5(アフィンガー)で作成されていた為、無料アップデートすることができました。
メチャクチャ有能なWordPressテーマなので、これを選んでおいたら間違いないです。
強欲な青木
当サイトが、会話ふきだしプラグインにも課金してること‥バレましたね。
現時点で110個の吹き出し項目がありますからね‥メチャクチャ多用してます。
管理人
step
3ACTIONの親テーマと子テーマを無料ダウンロード
以下のファイルがパソコン内に入ります。
step
4AFFINGER6をWordPress上で有効化
WordPressにログインして「外観」⇒「テーマ」と進み、左上の［新規追加］ボタンをクリックします。
「テーマのアップロード」をクリックし、まず「affinger.zip」をアップロードします。
先ほどダウンロードしたAFFINGER6のファイルを親テーマからアップデートします。
有効化するのは子テーマであることに注意して下さい！
step
5ページキャッシュの消去
①Google Chromeのキャッシュ消去
- パソコンで Chrome を開きます。
- 画面右上のGoogleChromeの設定(タテに３つ・が並んだボタン)をクリックします。
- [その他のツール] 次に [閲覧履歴を消去] をクリックします。
- 上部で期間を選択します。すべて削除するには、[全期間] を選択します。
- [Cookie と他のサイトデータ] と [キャッシュされた画像とファイル] の横にあるチェックボックスをオンにします。
- [データを削除] をクリックします。
ーーー
参考キャッシュとCookieの消去 Googleアカウントヘルプ
②サーバー上のキャッシュ削除
当サイトはXサーバーを使っていますので、そのサーバーパネル上の操作となります。
日本で一番ダントツで使われているサーバーが「Xサーバー」です。これからブログ開設される方や、現時点で遅いサーバーを使われている方は速くて安いXサーバーを利用することをオススメします。
>>Xserver公式サイト
③WordPress上のキャッシュ消去(プラグイン)
当サイトはW3 TOTAL CACHEのプラグインを有効化している為、そのページキャッシュ消去画面になります。
step
6パーマリンク設定の「変更を保存」をクリック
パーマリンク設定のチェックが「投稿名」になっていることを確認し、変更を保存をクリックします。
step
7AFFINGER管理の「save」をクリック
これでアップデートは完了です！
データマ王
こんな簡単な操作で「スコア20上昇」の恩恵を受けられるのか？
実は‥あと少し修正すべき部分ありますので “デメリット” として解説していきます！
管理人
◎ AFFINGER6へアップデートすることのデメリット
簡単な操作でアップデートまでは完了できますが、サイトを見ると幾つか変更されてしまっている部分があります。
強欲な青木
何や！サイトにも変更加わるんかいな‥修正すんの面倒クサいからアップデートやめよかな！？
まぁまぁ落ち着いて。変更箇所を元に戻してやればいいし、サイトを見直すキッカケにもなりますよ！
管理人
AFFINGER6へのアップデートで変更が加わる箇所として、目に付いた初期設定が必要なのは以下の３つです。
サイトの「色」設定が変更される
AFFINGER6(アフィンガー)へアップデート後のサイト外観は以下の通りでした。
赤ネコ
ロゴとか見にくいので、ヘッダーの色を白に戻しました。
管理人
色変更時に一度「グラデーション」にしてみたのですが、これだけでサイトが重くなったので結局オススメできない仕様でした。
ロゴ上のサイトタイトルの文字色が白になっていたので、カスタマイズ⇒ロゴ画像 / サイトのタイトルで変更。
水晶タマ王
管理人
レイアウトが若干ズレる箇所がある
トップページのレイアウトに若干ズレがみられる箇所がありました。
強欲な青木
ここについても掲載記事を見直し、ついでに整えることにします！
管理人
アイコンの一部が表示されない
AFFINGER6ではアイコンが一新された為、旧アイコンの一部が表示されていませんでした(※直せるかもしれません)。
ＢＥＦＯＲＥ
ＡＦＴＥＲ
強欲な青木
おーっと！！自然な感じでアイコンが消えているーーッ！！
その下のメモのアイコンとか、チェックマークは違うデザインに代替されてます。
管理人
ここについては復元したいものの、特に大きな影響はないので「できたら直したい」って具合です。
【追記】アイコン直せました！
「AFFINGER管理」⇒「その他」⇒「FontAwesomeIcons4.7.0の読み込み」にチェックで直りました！
【補足】他テーマからAFFINGER6に移行した場合
他テーマからAFFINGER6に移行した場合に修正する箇所について、その手間はテーマ毎に異なると思われるので不明です。
占い師タマ王
もし使用するテーマに迷われている方や、これからブログを本気でしたい方は最初からAFFINGER6にしておくのがベストでしょう！
ここだけの話、jimdoで作った
aokibosai.comページは作り込み過ぎて後戻りできない状態だったので、別で当サイトを回すことにしたのです。
管理人
◎ AFFINGER6へアップデートすることのメリット
メリットは冒頭でもお伝えしました通り、「サイトの機能が劇的に改善される」点です！
ＢＥＦＯＲＥ
ＡＦＴＥＲ
サイトスコアはGoogle Lighthouseで計測しています。
Dr. タマ王
要はAFFINGER6がメチャクチャ性能良くて上位表示されやすいテーマってワケですよ！！
管理人
強欲な青木
AFFINGER5の時点で性能良くて、多くの人に使われていたのに‥まだ改良されますか！
ますますAFFINGER使う人、増えるでしょうね。
管理人
囚人Ｔ
正直、今回のアップデートで他のツールやテーマの存在価値が危うくなったと思います。
弊社は簡単に書けるjimdoでもページ運用していますが、AFFINGERでも同じ様な機能が実装されましたし。
管理人
ネコ剣士
これからブログされる方や、他テーマ使ってる方にはAFFINGER6への載せ替えを強くオススメします！
＞＞AFFINGER6(アフィンガー)公式サイト
ブログ作成から月５万円稼ぐステップ７つ
当ブログは以下の方法で簡単に作成しています、ご参考までに。
※そのままマネするだけで立派なブログが作れますよ
◎ まとめ
- AFFINGER5(アフィンガー)から6に無料アップデートしたところ、サイトの機能が劇的に改善してパフォーマンスが大きく向上した。
- 簡単な操作でアップデートまでは完了できたが、サイトを見ると幾つか変更されてしまっている部分があることがデメリットとして挙げられた。
- 現在AFFINGER5を使用されている方だけでなく、これからブログされる方や、他テーマ使ってる方にはAFFINGER6への載せ替えが強く勧められた。