ブログ

【スコア20上昇!】AFFINGER5⇒6へのアップデート方法とメリット・デメリットを解説します

https://aokibosai.jp

お悩みタマスケ
お悩みタマスケ
AFFINGER5(アフィンガー)から6に無料アップデートできるみたいなんだけど‥、コレしたほうがいいのかな?
絶対アップデートした方がいいです!‥アップデートするだけでサイトの機能が改善するんで!
管理人

以下の読者を想定します。

  • AFFINGER5を使っている人
  • ブログに本気で取り組み始めたい人
  • 他テーマでWordPressを運用している人

AFFINGER(アフィンガー)とは‥WordPress(ホームページ作成ツール)を、より便利にするために活用するテンプレートの中で有名なものの一つ。

 

AFFINGER5からAFFINGER6にアップデートしたことによるサイトスコアの改善は以下の通りです。

BEFORE

AFINGER5 サイトスコア

 

AFTER

AFFINGER6

サイトスコアはGoogle Lighthouseで計測しています。

バイクタマスケ
バイクタマスケ
改善されっぷりがエグいて!
‥特にPerfomance(速さ)を20とか上げるのは本来メッチャ大変やのに。
ビビりました。AFFINGERさん、そんなんできるんやったら言うといてや!って感じです。
管理人
怪人タマスケ
怪人タマスケ
AFFINGER6をインストールするだけで、こんな改善がされるなんてウマい話があるんですか‥。
そうです。そのコツと、メリット・デメリットについて実際アップデート完了した立場から紹介していきます!
管理人

デメリットまで解説しますので、他テーマを使用されている方や有料テーマの導入を検討されている方は是非じっくり読んで下さいませ。

 

AFFINGER5⇒6へアップデート完了!メリット・デメリットを解説します

◎ AFFINGER5購入ユーザーは無料で6へアップデート可能!

現在AFFINGER5を使用している方であれば、STINGER STOREから購入ページ利用申請をすることでAFFINGER6(アフィンガー)のダウンロードが可能になります。

step
1
STINGER STOREの「購入ユーザー限定」ページにアクセス

AFFINGER6 アップデート

参考STINGER STORE

 

step
2
ACTION β版のAFFINGER6をクリック

AFFINGER6 アップデート

 

当サイトはAFFINGER5(アフィンガー)で作成されていた為、無料アップデートすることができました。

実際の注文履歴

メチャクチャ有能なWordPressテーマなので、これを選んでおいたら間違いないです。

検閲タマスケ
検閲タマスケ
当サイトが、会話ふきだしプラグインにも課金してること‥バレましたね。
現時点で110個の吹き出し項目がありますからね‥メチャクチャ多用してます。
管理人

 

step
3
ACTIONの親テーマと子テーマを無料ダウンロード

AFFINGER6 無料アップデート

 

step
4
AFFINGER6をWordPress上で有効化

AFFINGER6 アップデート

有効化するのは子テーマであることに注意して下さい!

AFFINGER6 アプデ

step
5
ページキャッシュの消去

①Google Chromeのキャッシュ消去

GoogleChromeキャッシュ消去

Chromeのキャッシュ消去手順

  1. パソコンで Chrome を開きます。
  2. 画面右上のその他アイコン その他 をクリックします。
  3. [その他のツール] 次に [閲覧履歴を消去] をクリックします。
  4. 上部で期間を選択します。すべて削除するには、[全期間] を選択します。
  5. [Cookie と他のサイトデータ] と [キャッシュされた画像とファイル] の横にあるチェックボックスをオンにします。
  6. [データを消去] をクリックします。

ーーー

参考キャッシュとCookieの消去 Googleアカウントヘルプ

 

②サーバー上のキャッシュ消去

当サイトはXサーバーを使っていますので、そのサーバーパネル上の操作となります。

Xサーバー キャッシュ消去

Xサーバー キャッシュ消去

Xサーバー キャッシュ消去

日本で一番ダントツで使われているサーバーが「Xサーバー」です。これからブログ開設される方や、現時点で遅いサーバーを使われている方は速くて安いXサーバーを利用することをオススメします。

>>Xserver公式サイト

 

③WordPress上のキャッシュ消去(プラグイン)

WordPress上 キャッシュ消去

WordPress上 キャッシュ消去

当サイトはW3 TOTAL CACHEのプラグインを有効化している為、そのページキャッシュ消去画面になります。

 

step
6
パーマリンク設定の「変更を保存」をクリック

パーマリンク設定のチェックが「投稿名」になっていることを確認し、変更を保存をクリックします。

パーマリンク設定 変更を保存

 

step
7
AFFINGER管理の「save」をクリック

AFFINGER管理 save

 

これでアップデートは完了です!

データマスケ
データマスケ
こんな簡単な操作で「スコア20上昇」の恩恵を受けられるのか?
実は‥あと少し修正すべき部分ありますので “デメリット” として解説していきます!
管理人

 

◎ AFFINGER6へアップデートすることのデメリット

簡単な操作でアップデートまでは完了できますが、サイトを見ると幾つか変更されてしまっている部分があります。

大阪のオバタマ
大阪のオバタマ
何や!サイトにも変更加わるんかいな‥修正すんの面倒クサいからアップデートやめよかな!?
まぁまぁ落ち着いて。変更箇所を元に戻してやればいいし、サイトを見直すキッカケにもなりますよ!
管理人

AFFINGER6へのアップデートで変更が加わる箇所として、目に付いた初期設定が必要なのは以下の3つです。

 

サイトの「色」設定が変更される

AFFINGER6(アフィンガー)へアップデート後のサイト外観は以下の通りでした。

AFFINGER6 アップデート 色

赤ネコ
赤ネコ
赤っ!サイト上部が赤くなっている!
ロゴとか見にくいので、ヘッダーの色を白に戻しました。
管理人

色変更時に一度「グラデーション」にしてみたのですが、これだけでサイトが重くなったので結局オススメできない仕様でした。

青木防災㈱サイト 色

ロゴ上のサイトタイトルの文字色が白になっていたので、カスタマイズ⇒ロゴ画像 / サイトのタイトルで変更。

AFFINGER6 サイトタイトル 色 変更

水晶タマスケ
ハイ、これで元通り♪
色の設定とか見直せたので、いい機会でした。
管理人

 

レイアウトが若干ズレる箇所がある

トップページのレイアウトに若干ズレがみられる箇所がありました。

青木防災㈱トップページ

名探偵タマスケ
名探偵タマスケ
ちょっとズレてる‥ダサっ
ここについても掲載記事を見直し、ついでに整えることにします!
管理人

 

アイコンの一部が表示されない

AFFINGER6ではアイコンが一新された為、旧アイコンの一部が表示されていませんでした(※直せるかもしれません)。

BEFORE

AFFINGER6 アイコン

 

AFTER

AFINGER6 アイコン

実況タマスケ
実況タマスケ
おーっと!!自然な感じでアイコンが消えているーーッ!!
その下のメモのアイコンとか、チェックマークは違うデザインに代替されてます。
管理人

ここについては復元したいものの、特に大きな影響はないので「できたら直したい」って具合です。

 

【補足】他テーマからAFFINGER6に移行した場合

他テーマからAFFINGER6に移行した場合に修正する箇所について、その手間はテーマ毎に異なると思われるので不明です。

占い師タマスケ
もし使用するテーマに迷われている方や、これからブログを本気でしたい方は最初からAFFINGER6にしておくのがベストでしょう!
ここだけの話、jimdoで作ったaokibosai.comページは作り込み過ぎて後戻りできない状態だったので、別で当サイトを回すことにしたのです。
管理人

 

◎ AFFINGER6へアップデートすることのメリット

メリットは冒頭でもお伝えしました通り、「サイトの機能が劇的に改善される」点です!

BEFORE

AFINGER5 サイトスコア

 

AFTER

AFFINGER6

サイトスコアはGoogle Lighthouseで計測しています。

タマスケ博士
タマスケ博士
ちょっと何言ってるのか、‥さっぱり分からない。
要はAFFINGER6がメチャクチャ性能良くて上位表示されやすいテーマってワケですよ!!
管理人
理論武装タマスケ
武装タマスケ
AFFINGER5の時点で性能良くて、多くの人に使われていたのに‥まだ改良されますか!
ますますAFFINGER使う人、増えるでしょうね。
管理人
囚人T
囚人T
正直、今回のアップデートで他のツールやテーマの存在価値が危うくなったと思います。
弊社は簡単に書けるjimdoでもページ運用していますが、AFFINGERでも同じ様な機能が実装されましたし。
管理人
ゾロ猫
ネコ剣士
これからブログされる方や、他テーマ使ってる方にはAFFINGER6への載せ替えを強くオススメします!

>>AFFINGER6(アフィンガー)公式サイト

 

◎ まとめ

  • AFFINGER5(アフィンガー)から6に無料アップデートしたところ、サイトの機能が劇的に改善してパフォーマンスが大きく向上した。
  • 簡単な操作でアップデートまでは完了できたが、サイトを見ると幾つか変更されてしまっている部分があることがデメリットとして挙げられた。
  • 現在AFFINGER5を使用されている方だけでなく、これからブログされる方や、他テーマ使ってる方にはAFFINGER6への載せ替えが強く勧められた。
  • この記事を書いた人

アオキ シュンスケ

【経歴】鈴鹿高専材料工学科 ⇒ 静岡大学工学部(3年次編入学) ⇒ 院 ⇒ 鈴与㈱ ⇒ 青木防災㈱【保有資格】消防設備士全類・第二種電気工事士・工事担任者(AI・DD総合種)・第三種電気主任技術者【主な活動】月刊誌「電気と工事(オーム社)」コラム執筆・ブログ(月間25万PV)・Twitter企業アカウント(フォロワー数3.2万人)の運営

-ブログ