AFFINGER5から6へ【ブログデザインを崩さずアップデート】

ブログのデザインを崩さずに、AFFINGER5からAFFINGER6にアップデートする方法です。

最低限の準備で行うことができるので、作業量を大幅に減らすことができます。

こんな人のお役に立てる記事です。

小豆

AFFINGER5から6にアップデートすると、カスタマイズ設定がリセットされるんだよね？
中途半端な状態のブログが公開されてしまうのは嫌だなぁ。
これって、カスタマイズ修正後に公開ってできないの？

ブログデザインを崩さずにAFFINGER5からAFFINGER6へ

3年半の間【AFFINGER5】で運営してきた当ブログですが、ここ最近【AFFINGER6】へとアップデートを行いました。

小豆

アップデート後は、やっぱりブログの表示が崩れたりした？
修正箇所はたくさん？作業は大変？

作業前は、確かに不安だよね。
公式サイトにも書かれている通り、カスタマイザーの設定がリセットされるよ。

大福

気になってはいたものの、約1年半もの間僕がAFFINGER6へのアップデートを躊躇ちゅうちょしていた理由がこれ。

設定がリセットされた中途半端な状態のブログを公開するのが、すごく嫌だったんですよね。

小豆

カスタマイザーの設定って？
具体的には、何がリセットされるの？

見出しのデザインやカラー設定に、会話ふきだし・・。
ヘッダー画像やブログロゴなんかもだね。

大福

アップデート前のブログの状態と、アップデート後に公開されたブログを比較してみました。

アップデート前	アップデート後

画像はクリックで拡大できます

見ての通り、アップデート前後でだいぶ表示が変わってしまっていますよね。

AFFINGER6へのアップデート後は、こんな感じでカスタマイズがリセットされた状態でのブログ公開となります。

小豆

うーん・・確かにこれはちょっと嫌かも。
てか、元に戻す作業もすごく大変そう・・。

僕の場合は、事前にスクショやメモを取りまくっておいたよ。
修正作業もだけど、その準備にもめちゃくちゃ時間がかかったんだ。

大福

そこで今回紹介するのが、こんな大変な作業をせずに済むアップデート方法。

公式サイトに記載されているアップデート手順に比べて、以下のメリットがあります。

公式サイト記載の手順はリセットされた状態のブログが表示

上記は、AFFINGER公式サイトに記載されているアップデート手順です。

今回僕は、こちらの方法でアップデートを行いました。

が、残念ながらこの手順で行った場合は、カスタマイズがリセットされた状態のままブログが公開されます。

小豆

なるほど。
それを防ぐのが、今回紹介する方法ってことなんだね。

その通り。
早速手順を紹介していくよ。

大福

慎重派におすすめ設定修正後にブログを公開するアップデート方法

以下の手順でアップデートを行うことで、表示が崩れた状態のブログを公開せずに済みます。

【下準備編】【実践編】の流れて解説していきます。

 下準備編

最新版の「AFFINGER6」「関連プラグイン」をダウンロード

STINGER STORE（公式）から、アップデートに必要なファイルをダウンロード

ダウンロードが必要なファイルは、人によって異なります。

以下の表を参考に、ダウンロードを行ってください。

「STINGER STOREの使い方」や「詳しいダウンロード方法」を知りたい人は、以下の記事を参考にしてください。

参考AFFINGER5ユーザーはAFFINGER6を無料で入手可能【移行（アップデート）も】

WordPressを5.9以上にアップデート

WordPressのバージョンが古い場合は、AFFINGER6へのアップデートができません。

あらかじめ、WordPress5.9以上にアップデートをしておく必要があります。

PHPをVer7.3以上に

AFFINGER6では、使用してるサーバーのPHPを7.3以上にする必要があります。

あらかじめ「現在のPHPのバージョンの確認」、未対応の場合は「PHPのバージョン切替」を行っておきます。

使用しているサーバーによって、操作方法は異なるんだ。
以下は、エックスサーバーの場合の手順だよ。

大福

エックスサーバーサーバーパネル　→　設定ドメイン対象を設定　→　PHP Ver.切替　→　PHPバーションを確認 or 修正

大福

これで事前準備は完了。
早速AFFINGER6への移行作業を進めていこう。

実践編

step
1AFFINGER6をインストール

ここでは、テーマの有効化はまだ行いません。

有効化ボタンを押してしまうと、カスタマイズ設定がリセットされた状態のブログがすぐに公開されてしまいます。

小豆

なるほど。
ここですぐに「有効化」しないのが今回のポイントなんだね。

step
2カスタマイザーの設定を修正

以前の設定を見ながらカスタマイズをしていくよ。
それが終わった段階でブログを公開するんだ。

大福

• AFFINGER5時の設定を開く

  

  WordPressメニュー　→　外観　→　テーマ　→　WING-AFFINGER5 Child　→　カスタマイズ

  新しいウィンドウを指定して開いておくと、後々の作業が楽になります。
  画像で確認




• AFFINGER6の設定を開く

  

  WordPressメニュー　→　外観　→　テーマ　→　AFFINGER Child　→　ライブビュー

   




• 以前の設定を見ながらカスタマイズ設定

  

  AFFINGER5時の設定を見ながら、AFFINGER6側の設定を同じ内容にカスタマイズしていく

  上から一つずつ設定を同じにしていけば、確実だね。

  

  大福

  上記のように、画像を左右に並べて作業すると楽です。
  並べ方が分からない人は、パソコン　左右に並べて表示　🔎　で検索

  

  すべての設定が終了したら、有効化して公開をクリック

大福

この手順を踏むことで、カスタマイズ済みのブログを公開することができるんだ。

なるほど。
だからAFFINGER6インストール時に、すぐに有効化しなかったんだね。

小豆

step
3初期設定とパーマリンクの更新

WordPressメニュー　→　AFFINGER管理　→　はじめに　→　Save

WordPressメニュー　→　設定　→　パーマリンク　→　設定を保存

step
4専用ブラグインのインストールと停止

以下のプラグインを使用している場合は、「最新版へのアップデート」もしくは「停止」が必要です。

WordPressメニュー　→　プラグイン　→　新規追加　→　プラグインのアップロード　→　ファイル^※を選択　→　有効化

※下準備でダウンロードした最新版のプラグインを選択

WordPressメニュー　→　プラグイン　→　インストール済みプラグイン　→　任意のプラグインを無効化

これでAFFINGER6へのアップデートは終了！
お疲れ様でした。

大福

カスタマイザー以外に設定が必要な箇所

上記の手順でアップデートすることで、AFFINGER6をカスタマイズ済みで公開することができます。

ですが、実は「カスタマイザー以外の修正」が必要な箇所も・・。

当ブログの場合は、以下の項目の修正が別途必要でした。

この辺の詳しい修正方法に関しては、以下の記事内で紹介しています。

アップデート後のプチ情報【知っておきたいこと】

小豆

アップデートをするにあたって、他にも知っておくべきことはある？

僕が「アップデート時に気になったこと」＆「その対処法」をまとめてみたよ。

大福

新たにGutenbergを使う場合、既存の記事はどうなるの？

小豆

AFFINGER5の時はクラシックエディタを使ってたけど・・。
せっかくだし、AFFINGER6ではブロックエディタを使おう。

記事編集画面の作りが大幅に変更されるので心配ですが、こんな場合も実は全く問題なし。

クラシックエディタで書かれた既存の記事は、自動的にGutenberg用に変換されます。

使わなくなった「AFFINGER5テーマ」は、削除した方がいいの？

AFFINGER6へアップデート後も、WordPressテーマ内にAFFINGER5ファイルが残ったまま・・。

結論から言うと、AFFINGER5ファイルは残しても削除してもどっちでもOKです。

気になったので、運営に質問してみたよ。

大福

プラグイン「Classic Widgets」は、まだ必要？

以前AFFINGER5使用時にWordPressのバージョンアップを行ったところ、以下のエラーが発生しました。

その際のエラー修正用に入れたのが、プラグイン【Classic Widgets】。

今回のアップデートを機にプラグインを停止してみましたが、以前のようなエラーは発生しませんでした。

テーマの更新通知のパスワードって、今までと一緒？

AFFINGERには、テーマのアップデートがあるときに知らせてくれる「アップデート更新通知」機能が搭載されています。

AFFINGER6へのアップデート時はこちらのパスワードも変更されるので、新たに設定が必要です。

新しいパスワードは、公式サイト内に記載されています。

公式更新通知パスワードの記載ページに移動する

まとめ：AFFINGER6へのアップデートは慎重に

上記の通り、AFFINGER6へのアップデート時に発生した不具合はサポートの対象外です。

というわけで、アップデート作業は慎重に行いたいですよね。

心配な方は、今回紹介した手順でのアップデートをおすすめします。

アップデートを迷われている人も多いかと思いますが、AFFINGER5は最新のWordPressに対応していません。

セキュリティ的にも心配なので、ブログの運営を続ける場合は最新版のAFFINGER6へのアップデートを推奨します。

＼ AFFINGER6にも対応 ／

AFFINGER利用者向けオリジナル特典の販売

＼ AFFINGER6にも対応済み ／

AFFINGERをすでに利用しているユーザー向けの「カスタマイズ＆役立つテクニック」集です。

目的に合わせて、以下の2つを用意しました。

特典詳細ページへ移動する