AFFINGER ※当サイトのコンテンツには広告が含まれる場合があります。

AFFINGER6からAFFINGER7へのアップデート手順【実践編】

ゆめただ

how-to-update-to-AFFINGER7

AFFINGER6からAFFINGER7へアップデートして大丈夫かなあ?

Worried
お悩みさん

AFFINGER6から実際にAFFINGER7にアップデートした方法が知りたい。

findout
お調べさん
ゆめただのり
ゆめただ

私も最近AFFINGER7へアップデートしました
AFFINGER6からAFFINGER7へは簡単にアップデートできます。
設定の変更は、ほとんど必要ありません
早めのアップデートをおすすめします。

本記事でわかるコト

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

アップデート後の微調整方法

この記事を書いた人

ゆめ ただ

グログ歴 5年目。
普通のビジネスマンとして働きながらFIREを目指す。
独学でゼロからブログを立ち上げる。
Dockerのローカル仮想環境を作りLinux環境も触るように。
4年目でSEO検定1級に合格し地道にスキルアップ。
次はWordPress以外のCMSに手を出そうか悩み中。

本記事は、AFFINGER6を利用中でAFFINGER7への移行を検討しているブロガーやサイト運営者向けの内容です。
AFFINGER6からAFFINGER7へのアップデート方法について、実際の手順をわかりやすくまとめました。
公式ページに基本操作方法が掲載されています
本記事は実際にアップデートした手順をまとめていますので補間としてご活用ください

AFFINGETR6からAFFINGER7へのアップデート手順【公式ページ】

まずバックアップを取ろう!

yume-tada
yume-tada

まず、現在のAFFINGER6の環境でバックアップを取りましょう!

万が一のために、必ずバックアップを!

バックアップの方法は、こちらの記事が参考になります。

バックアップ方法の記事はこちら
how-to-backup-wordpress
ワードプレス(WordPress)のバックアップの取り方と方法【目的別:全部型・部分型】

続きを見る

アップデート前のポイント

アップデート前には必ずバックアップを実行するコト。失敗することを前提に戻れるポイントを常に作っておこう!

Memory storage

アップデートファイルを準備しよう

公式サイトより、AFFINGER7のアップデータを購入もしくは無料更新して更新用のZIPファイルを入手します。

詳細は、公式サイトをチェックしてください。

AFFINGER7 公式サイトへ

AFFINGER6の購入時期によっては、無償で更新できる場合があります

AFFINGER6からAFFINGER7へのアップデート条件をまとめた、こちらの記事も参考になります。

AFFINGER6からAFFINGER7への更新条件はこちら
conditions-for-updating-to-AFFINGER7
AFFINGER6からAFFINGER7へのアップデート条件【急げ!】

続きを見る

Download1

AFFINGER6からAFFINGER7へのアップデート手順

AFFINGER7のアップデートファイルを入手したら、実際にアップデートしていきましょう。

Uploading

上書きインストールする

WordPressの管理画面で、「外観」→「テーマ」をクリックして、テーマに移動

AF6toAF7_update1

「テーマを追加」をクリックします。

AF6toAF7_update2

「テーマのアップロード」をクリック

AF6toAF7_update3

「ファイルを選択」をクリックして、

準備したAFFINGER7または、AFFINGER7EXのアップデートZIPファイルを選び、「開く」をクリックして指定します。

AF6toAF7_update4
AF6toAF7_update5

アップデートファイルが確定したら、「今すぐインストール」をクリックして、インストールを開始します。

AF6toAF7_update6

上書きインストールしていいか聞いてきますので、

更新前と更新後の情報を確認して「アップロードしたものを置き換える」をクリックします。

AF6toAF7_update7

「テーマが更新に成功しました。」と表示されれば成功です。

AF6toAF7_update8

インストールの確認

「外観」―「テーマ」で、テーマの内容を確認します。

 AFFINGER7がインストールされていれば成功です。

AF6toAF7_update9

子テーマのインストール

公式サイトには、「子テーマはAFFINGER7用も用意されているが、AFFINGER6と同じ内容なので、再インストールの必要はない

との掲載さています。

再インストールしたい場合は、同様にZIPファイルを指定して上書きインストールします。

yume-tada
yume-tada

ゆめただは、子テーマの再インストールは行いませんでした

初期値を保存する

「AFINGRE管理」―「AFFINGER管理」をクリックして、管理画面に移動します。

管理画面に書いてありますが、初めに「SAVE」をクリックして初期値を保存します。

「初期値」聞くとドキドキしますが、今までAFFINGER6で使っていた設定値を、AFFINGER7の設定値として保存するため、心配せずに実行してください。

AF6toAF7_update10

保存が完了すると、保存をクリックしてくださいというメッセージが消えます

AF6toAF7_update11
Update

AFFINGER7アップデート後の微調整

yume-tada
yume-tada

ここからは、ゆめただが当サイト(biz-sel.com)で微調整した内容をまとめています。
同じ調整が必要ではない場合あります。あくまでも参考としてください。

ヘッダーメニューの調整

当サイトは、ヘッダーメニュー(横列)を使用しています。

公式サイトにも記されていますが、PCメニューの下層ページのテキスト制限が無くなりました

このため初期値になり、AFFINGER7では2段に表示されています

まずは、ここを調整していきます。

AF6toAF7_update13

AFFINGER6時のヘッダーメニュー

AF6toAF7_update14

AFFINGER7アップデート直後のヘッダーメニュー

「外観」―「カスタマイズ」―「メニュー」―「PCヘッダーメニュー/横列」

メニューの最小幅、メニューの最大幅を指定して調整していきます。

当サイトは、下側にある、「ヘッダーメニュー(横列)」を設定します。

メニューの最小値を100に、メニューの最大値を360に変更しました。

この数値はメニューの内容に依存しますので、最適な数値を設定して微調整してください。

AF6toAF7_update15
AF6toAF7_update16
AF6toAF7_update19

ヘッダーメニューが綺麗に並びました。

AF6toAF7_update20

ヘッダーコンテンツの設定

AFFINGER7にアップデートした直後は、AFFINGER6の時にヘッダーコンテンツとして挿入していた内容が有効になっていないようです。

AFFINGER管理で、「ヘッダー(ナビ/画像)」をクリックします。

AF6toAF7_update21

表示コンテンツのところで、「ヘッダーコンテンツ」のラジオボタンをクリックしてSAVEをクリックします。

AFFINGER6のときにヘッダーコンテンツを入力していれば、ここに入り表示されるはずです。

AF6toAF7_update22
yume-tada
yume-tada

これ以外は、大きなデザインの崩れなどはありませんでした。
安心してアップデートできると思います。

詳細は公式ページへ

本記事の内容は、当サイトのアップっデート時に実践した内容をそのまま記載しています。
あなたのサイト特融の情報があるかもしれないため、最終的には公式ページを参照してください。

AFFINGER7/EX リリースのお知らせへ

yume-tada
yume-tada

あなたも早めに新しいAFFINFER7へ更新しましょう。

yumeada_avatar_sqr

ゆめただ

SEO検定1級保有  2019年に知識ゼロからブログを開設  独立を目指し当サイトを運営しています

-AFFINGER