【特典付き】AFFINGER6レビュー【ダウンロード法＆追加された機能5つを解説】

・AFFINGER6でどんな機能が追加されたのかな？

・ダウンロードの手順とかも詳しく教えてほしいです！

悩んでいる人

こんな悩みを解決します。

この記事を書いている人

_{Twitter（@you_blog2912）を運営中}

2021年1月に、β版AFFINGER6が公開されました。

そこで本記事では、AFFINGER6で追加された機能とダウンロード方法を紹介します。

記事の後半では、僕がAFFINGER6にして「生じた不具合」と「その解決策」を解説していくので最後までじっくり読んでみてください！

ゆーさく

それではさっそく見ていきましょう。

AFFINGER6にするにはAFFINGER5を購入する

AFFINGER6は、AFFINGER5を購入して無料アップデートすると使えるようになります。

アフィンガー5を購入したら、購入ユーザーページからアフィンガー6にする感じです。

具体的なやり方は、記事の後半部分で紹介していきますね！

ゆーさく

当サイト限定特典がついてくる！

当ブログからアフィンガーを購入すると、公式特典に加えて5つの特典がついてきます。

この機会にアフィンガーデビューしたいと思っている人は、ぜひ参考にしてみてくださいね。

AFFINGER6で追加される機能5つ

アフィンガー6では多くの機能が追加されます。

その中でも、大きく変化した5つのポイントに絞って解説していきますね。

上から順番に解説します。

機能①：ブロックエディターが強化される

一番大きな変化はブロックエディターの強化です。

_{強化されたブロックエディター}

また、新しく「マイブロック機能」が追加されたので、自分がよく使う装飾を簡単に呼び出すことができるようになります。

_{マイブロック機能}

ブロックエディターでクラシックエディターを呼び出すこともできるので、今までのようにクラシックエディターも使えるので安心ですね！

ゆーさく

機能②：FontAwesomeIcons5.0が使える

アフィンガー6では、FontAwesome5が使えます。

FontAwesome5が使えるようになり、異なるバージョンのFontAwesomeでみても文字化けしなくなりました。

機能③：クレジットを自動消去

アフィンガー5では、デフォルトでトップページ下に「AFFINGER5 Reserved」というクレジットが表示されます。

しかし、AFFINGER6ではデフォルトでクレジットが表示されないので、プラグインを入れる必要がなくなります。

プラグインが減ることで、サイトスピードがさらに上がりやすくなるのは嬉しいですよね！

ゆーさく

機能④：タブ式カテゴリーの追加

新たに、トップページにカテゴリーごとのタブを設置できるようになります。

_{カテゴリーごとのタブが設置可能}

ちなみに、この設定は『AFFINGER管理画面』からカスタマイズ可能です。

_{『AFFINGER管理画面』からカスタマイズ}

機能⑤：記事タイトル下のウィジェット

タイトル下にウィジェットを設置できるようになります。

もちろん、Googleアドセンスをタイトル下に表示することも可能です！

ゆーさく

AFFINGER6をアップデートしたときの変化

アフィンガー5から、アップデートしたときの変化は以下の3つです。

順番に紹解説していきます。

その①：カスタマイズがリセットされた

アフィンガー6に変えると、『外観』→『カスタマイズ』で設定しているカスタマイズがリセットされます。

ちなみに僕は、事前にスマホでカスタマイズ部分を「ビデオ撮影」して記録してからアフィンガー6を導入しました！

ゆーさく

その②：丸チェックが左に移動した

←箇条書きで使っているこの丸チェックが、アフィンガー6を入れたら左にシフトしました。

よくよく調べてみると、アイコンの位置が-3emになっていたのが原因でしたね。

ゆーさく

今後、公式から修正される場合もありますが気になる人は『追加CSS』で修正可能です。

『外観』→『カスタマイズ』→『追加CSS』に以下のコードを貼り付けます。

赤の数字を変えると、チェックマークの位置が左右に移動するので調節してみてください。

その③：文章の行間が狭くなった

以前は、CSSを使って自動的に行間を一定に保っていました。

結論、スペーサーを入れることで行間に余白を作ることができます。

やり方は画面左上の『＋』→『デザイン』→『スペーサー』で挿入すればOKです。

_{『＋』→『デザイン』→『スペーサー』}

スペーサーの幅は、右の部分で変更できるのでプレビューを見ながら好みの余白幅をみつけましょう。

_{右の部分で余白幅を確認}

スペーサーは、『・・・』→『コピー』でコピーできるので、コピーしたら『Ctrl＋V』で挿入していきましょう。

_{『・・・』→『コピー』でスペーサーをコピー}

AFFINGER6の使用感はどんな感じ？

実際にアフィンガー6を使った感想は以下のとおりです。

こんな感じですかね。

アフィンガー6では、より視覚的にブロックエディターが使えるようになったので、以前よりもサクサク編集が進みます。

悪い点としては、今までスペーサーを使って余白を作っていなかったので、すべての記事に余白を入れるのが大変でした。

今までスペーサーを入れていた人は大丈夫ですが、入れていなかった人はリライトに時間がかかるかもしれません。

ゆーさく

AFFINGER6にアップデートする方法

アフィンガー6にアップデートする手順は以下の5つです。

上から順番に解説します。

手順①：アフィンガー5を入れる

まずは、アフィンガー５を入れましょう。

アフィンガー5を導入することで、無料でアフィンガー6にアップグレードすることができます。

購入手順は【限定特典5つ】AFFINGER5の評判を徹底解説【後悔しないために押さえておくポイント3つ】で解説しているので参考にしてみてください。

アフィンガー5をWordPressに入れたら次に進みましょう。

手順②：公式サイトに移動してAFFINGER6をダウンロードする

次に、アフィンガー6をダウンロードします。

まずは、STINGER STOREに移動してログインしてください。

ログインしたら『購入ユーザー限定』をクリックします。

_{『購入ユーザー限定』をクリック}

次に『AFFINGER6』をクリックします。

_{AFFINGER6をクリック}

『ダウンロードはこちら』をクリックし、以下の4つをダウンロードしましょう。

手順③：アフィンガー6をWordPressに導入する

次に、アフィンガー6を導入します。

『外観』→『テーマ』→『新規追加』→『テーマをアップロード』→『ファイルをアップロード』をクリックします。

_{『外観』→『テーマ』→『新規追加』→『テーマをアップロード』→『ファイルをアップロード』}

ここで、ダウンロードした『AFFINGER6のファイル』を選択します。

「affinger.zip」→「affinger-child.zip」の順番で2つのファイルをアップロードしてください。

_{「affinger.zip」→「affinger-child.zip」の順番でアップロード}

アップロードしたら、Affinger Childを有効化して完了です。

もし、アップロードできない場合はサーバーのPHPが7.3以上出ない可能性があるので、自分のサーバー管理画面から確認してみてください。

ゆーさく

ちなみに、エックスサーバーであれば『PHP Ver.切替』でPHPを7.3以上にすればOKです。

_{『PHP Ver.切替』でPHPを7.3以上}

手順④：アフィンガー管理の初期設定をする

次に、アフィンガー管理の初期設定をします。

step
1AFFINGER6管理の保存をクリック

『AFFINGER管理』→『Save』を1回クリックしてください。

step
2パーマリンクの変更を保存する

『設定』→『パーマリンク設定』を開いて、『変更を保存』をクリックします。

step
3カスタマイズを設定する

『外観』→『カスタマイズ』をクリックして、カスタマイズ設定をしましょう。

アフィンガー5を使っていた人は、メモや記録を見ながら再設定してみてください！

ゆーさく

もし、レイアウトの崩れなどがある場合は、キャッシュを消去してみましょう。

キャッシュを消去する方法はこちらを参考にしてみてください。

手順⑤：プラグインを導入する

最後に、手順2でダウンロードした2つのプラグインを導入しましょう。

まず、『プラグイン』→『新規追加』→『プラグインのアップロード』→『ファイルを選択』を選択します。

_{「st-af-cpt.zip」「st-blocks.zip」をアップロード}

アップロードした2つのプラグインを有効化して完了です。

お疲れさまでした！

ゆーさく

まとめ：アフィンガー6を導入してサクサク記事を書こう！

今回は、アフィンガー6の使用感と導入手順を紹介しました。

導入手順は以下の5ステップでしたね。

まだβ版ですが、アフィンガー6を試してみたいという人は参考にしてみてくださいね。

今回は以上です。

関連記事【最速で完了】AFFINGER5購入後の初期設定のやり方と手順【初心者でも簡単です】