AFFINGER6のアップデート手順を画像多めに解説

困っている人

AFFINGER5→AFFINGER6へ失敗をすることなくアップデートしたい

上記のお悩みを解決します。

step
1アフィンガーの『購入ユーザー限定ページ』から『更新通知パスワード』を取得

step
2『AFFINGER 管理』の『その他』

step
3取得したパスワードをセットして『有効化』のチェックをつける

それでは本題に入ります。

↓クリックで広がります！ぱぱっと最新ファイルをゲットしたい方向け

本記事では、下記を中心にまとめています。

AFFINGER5からAFFINGER6へのアップデート方法

ちなみにですが、私はAFFINGER6にアップデートするときに失敗しています＼(^o^)／（画面崩れ）。

ばらもん。

テーマのアップデートにはエラーがつきものですからね

ACTION　AFFINGER（アフィンガー）６アップデート手順

AFFINGER5購入者は、無料でAFFINGER6にアップデートすることが可能です。

以下からは、AFFINGER5を現在お使いの方向けにお話をします。
基本的な説明をするため、下記の方向けにアップデート手順をご紹介します。

大まかな流れを説明しておきます。

• step.1

  STINGER STOREの登録（５分）




• step.2

  infotop購入ページ利用申請（登録完了まで１日～２日）




• step.3

  AFFINGERアフィンガー６　親＆子テーマをダウンロード（１０分）

• step.4

  AFFINGERアフィンガー６　親＆子テーマをインストール（１０分）

• step.5

  変更の保存（即完了）

• step.6

  キャッシュの削除（１０分）

• step.7

  パーマリンクの変更を保存（５分）

• step.8

  完了

くわしく解説していきますね。

STINGER STOREの登録（５分）

STINGER STOREに未登録の方は、登録を済ませておきます。

step
1購入ユーザー限定

購入ユーザー限定ページへアクセスします。

step
2未登録の方はコチラ

登録が完了すると、STINGER STOREから自動メールが届きます。
メールにログインURLが記述されています。

STINGER STOREにログインして次に進みます。

infotop購入ページ利用申請（登録完了まで１日～２日）

infotop経由でアフィンガー５を購入された方は、STINGER STOREからinfotop購入申請をします。

infotopで注文したときの注文IDが必要です。

注文IDを確認するために、infotopのマイページにログインして、注文IDを確認しましょう。

step
1infotopマイページへログイン

infotopのマイページにアクセスします。

step
2商品を見る、受け取る

step
3注文IDを確認 （『過去に注文した情報を表示させる』にチェック）

注文ID以外の情報も入力して、申請完了です。

AFFINGER（アフィンガー）６　親＆子テーマをダウンロード（１０分）

AFFINGER（アフィンガー）6　親＆子テーマをダウンロードします。

step
1STINGER STOREにログイン

購入ユーザー限定ページへアクセスします。

step
2AFFINGER6の親＆子テーマをダウンロード

※購入者限定ページのため、画像なしでご説明します。

EX版の方は、AFFINGER6EX版をダウンロードしてください。

私は、上記３つのプラグインも合わせてダウンロードしました。(AFFINGER6の恩恵を受けるためには必須です)
期間限定なので、要注意！

AFFINGER（アフィンガー）6　親＆子テーマをインストール（１０分）

ワードプレスでの作業です。
ワードプレスのテーマ変更にはエラーがつきものです。

バックアップを取ってから、テーマ変更することを強くオススメします。

アフィンガー６へアップデートしたときに重大なエラーが発生しても、落ち着いて対応できます。

step
1PHPバージョンを確認

アフィンガー６は、PHPバージョン7.3が必要です。
PHPバージョン7.3よりも小さい人は、変更してください。

PHPバージョンを変更すると重大なエラーが発生する危険性があります。
バックアップは必ず取ってから作業をしてください。

私はエックスサーバーで契約をしています。

無料で自動バックアップ＆復元機能があるので、安心して作業しています。
エラーが発生したときは、クリックだけで簡単に復元完了です。

エックスサーバーの方は、サーバーパネル画面から簡単にPHPバージョンを変更することができます。

step
1親テーマからインストール

step
2続いて子テーマをインストール

step
3子テーマを有効化

AFFINGER6テーマが有効になりました。
ココまでくれば、もう一息です。

Save

はじめに『Save』をクリックします。

キャッシュの削除（１０分）

下記の３つのキャッシュを削除します。

簡単に説明します。

ブラウザキャッシュ削除

私は、普段使いが『GoogleChrome』です。

例として『GoogleChrome』のブラウザキャッシュ削除方法をご紹介します。

AFFINGER5のキャッシュを削除することで、AFFINGER6へテーマ変更後のサイト確認が正常に行えると考えています。

step
1Chrome画面で『SHIFT+CTRL+DELETE』キーを同時押し

閲覧履歴データの削除画面が表示されます。

期間＝全期間

キャッシュされた画像とファイルにチェック（上２つはチェックは外してください）

データを削除

ブラウザキャッシュ削除は完了です。

サーバーキャッシュ削除

エックスサーバーでのお話になります。

step
1サーバーパネル画面から、サーバーキャッシュを削除

サーバーキャッシュ削除は完了です。

ワードプレスキャッシュ削除

私は、『WP Fastest Cache』のプラグインを使いました。

step
1『WP Fastest Cache』をインストール＆有効化

step
2キャッシュクリア

ワードプレスキャッシュ削除は完了です。

パーマリンクの変更を保存（５分）

パーマリンク設定画面を開いて『変更を保存』を押すだけです。

step
1設定→パーマリンク設定

step
2変更を保存を押すだけ

以上で、AFFINGER6へのアップデートは完了です。
お疲れさまでした。

まとめ

AFFINGER6にアップデートして手にした恩恵は大きかったと感じています。
アップデートすることで、モバイルスコアが『58』→『90』へ急上昇しました。

モバイルスコアがアップしたことに加えて、下記の２つの機能も新設されました。

AFFINGER5には無かった新しい機能が、AFFINGER6には追加されています。
当ブログもAFFINGER6を使っていますが、カスタム＆執筆作業がより楽しく✕快適になりました。

AFFINGER6は、ワードプレステーマ『SWELL』と比較されることが多いです。

AFFINGER6へ無料アップデートできるなら、やる以外に選択肢はないと考えています。
AFFINGER5＜AFFINGER6の方が優れているからです。

もう１つ理由があります。

アフィンガー６へアップデートすることで、モバイルスコアが『58』→『90』へ急上昇しました。
これには驚きましたが、アフィンガー６の恩恵だと考えています。

モバイルスコアがアップした要因は下記の２点も関係していると考えています。

ページ表示速度アップは、嬉しい限りです。

当ブログはもともとは、ルクセリタスを使っていました。
無料テーマを使っていた私が強く感じることがあります。

それは・・・。

CSSやHTMLをカスタムする時間はもったいない

CSSやHTMLをカスタムする時間があるなら記事を書いている方が、はるかに有意義です。

私は、無料テーマを１年以上かけてCSSやHTMLをカスタムしてきました。
当たり前ですが、AFFINGER6には到底及んでいません。（これから先も絶対に無理だと感じています。）

限りある時間を有効活用するためにも『AFFINGER6』導入をオススメします。

一目瞭然ですね。
超サイヤ人ゴッド（AFFINGER5）を手に入れてから、超サイヤ人（AFFINGER6）に変身しちゃいましょう。以上です。