ブログ

AFFINGER6 EX β版をダウンロードして使っても大丈夫?【導入手順・購入方法・レビュー】

2020年12月26日

アフィンガー公式サイトで、AFFINGER6・STINGER PRO3のβ版である「ACTION β版」「ACTION EX β版」の先行公開が始まりました。(公開対象はWING、ならびにWING EX版購入ユーザー。)

<新着お知らせ>
2021年4月6日
【修正】ACTION ver20210406アップデートのお知らせ』(※無印、EX両方向け)
が公開されました!!

AFFINGER5を使い始めて早2年。。。

その最新のアフィンガーβ版が出たなら、誰よりも早く使いたいと思うのがファンの本音!!

でも不具合がないかとか正直気になるし、ちょっと怖い。

そんなあなたに代わってぼくが、人柱覚悟(開発者様すみません汗汗)で突撃します(笑)

この記事を読めば、

  • AFFINGER6 EX β版の具体的な導入方法
  • 注意点
  • 実際使ってみた感じのレビュー

このような内容が、わかります。

まだ公開されている情報は限られているので、詳しい情報を書けない部分もありますが、できる限りレビューしていきます!

なお、EX版を主体にあれこれ紹介していきますが、無印のAFFINGER6 β版でも基本的なとこは同じはずです!

【結論】AFFINGER6 EX β版を導入するのは、ちょっと微妙かも

いろんな使用環境がありますので、結果は人それぞれ違うかもですが、ぼくの環境ではちょっと微妙です。

新機能をいち早く使えるのは、めちゃくちゃ大きなメリットですし、最近までワクワクしながら、楽しく使ってました(^o^)/

ですが、ぼくの環境だと

※ver20210105β適用後から、ブログカードのカードスタイル・カードスタイルBの縦表示のアイキャッチ画像の高さが、ちょっとだけ変な感じになっております。
※ver20210315で一度改善した「一部のカテゴリーページが表示されないエラー」が、ver20210329でまた復活してます。
→どちらも詳しくは、記事後半の章「ぼくの環境で起きた不具合」に書いてます。

なので正直ぼくは今、AFFINGER5 EXに戻して使ってます。

ただこの症状は、ぼくの使用環境でのみ起こっているのかもしれません。

なので、まず試しにやってみるというのは、大いに「あり!」だと思います。

状況から考えると、カテゴリーページのエラーだって、起こらない可能性もあると感じますし、カードスタイル・カードスタイルBを使ってない人にとっては、なんの不都合もないので。

AFFINGER6 EX β版・AFFINGER6 β版の購入方法

→AFFINGER5、もしくはAFFINGER5 EXを購入すればOK!

今はβ版なので、AFFINGER6(EX・無印ともに)の単体での販売は、まだ始まってません。

ですので、現時点では

AFFINGER5→AFFINGER6 β版
or
AFFINGER5 EX→AFFINGER6 EX β版

にアップデートすることで、それぞれ手に入ります。

なのでAFFINGER5購入済みの方は、AFFINGER6 β版に、無料でアップデートできます!

ちなみに、

AFFINGER5とWING(AFFINGER5)は、同じものです。

呼び方がちょっと、違うだけ。

初めの頃、「え?もしかして違う物??」とか思ってたんですけど、同じものです。

ちなみに、

AFFINGER6とACTION(AFFINGER6)も、同じものです。

予備知識はこれくらいにして、AFFINGER6 EX β版の導入手順と価格を紹介します。

  • AFFINGER5を購入→AFFINGER5EXへ有償アップデート→ACTION(AFFINGER6 EX) β版へ無償アップデート
    合計26,800円(税込)
  • AFFINGER PACK3-WINGを購入→ACTION(AFFINGER6 EX) β版へ無償アップデート
    =39,800円(税込)
  • AFFINGER SPECIAL COLLECTION→ACTION(AFFINGER6 EX) β版へ無償アップデート
    =77,700円(税込)

この3通り。

赤線が最安の方法。

また、AFFINGER6 β版の導入手順と価格は、

  • AFFINGER5を購入→ACTION(AFFINGER6) β版へ無償アップデート
    14,800円(税込)

こんな感じです。

確かにEX版は高いですが、無印版ならまだ手を出しやすい価格かなと思います。

また実は、AFFINGER5の機能を限定した低価格版の商品として、STINGER PRO2というWordPressテーマもあります。

ACTION(AFFINGER6)β版ではなく、ACTION(STINGER PRO3)β版を導入する場合、導入手順と価格は、

STINGER PRO2を購入→ACTION(STINGER PRO3)β版へ無償アップデート
10,800円(税込)

機能は限定されますが、こんな風に価格を抑える方法もあります。

アフィンガーが少しでも気になっている方・AFFINGER5を導入したい方は、こちらの記事をご覧下さい。(アフィンガーとSTINGER PROの違いも、ちょこっと書きました)
【失敗したくない人向け】テーマはAFFINGER5一択!!

アフィンガー6 EX β版・アフィンガー6 β版を導入する前の注意点

製品版ではないので、どんな不具合が起きるかもわかりません。

そこはあくまでも自己責任。

ぼくはどうなるか知りたい&みなさんに情報を少しでも早くお届けしたいので、AFFINGER6 EX β版を導入していきます(笑)

→冒頭にも書きましたが、ちょっとした不具合を喰らいました(笑)

決して苦言ではないです。あくまでも事実として。

β版になにかしらの不具合はつきものですので、しょうがない。
そこも含めて、楽しむのです(^o^)/

イヤイヤじゃないんだからネッ!!www

その他、一般的に気をつけた方が良い点などを書いていきます。

AFFINGER5 EXとAFFINGER6 EXの違いを把握

具体的な違いは、公式サイトでもまだ情報がほとんど公開されてないので書けませんが、新しく出来るようになったこと、できなくなることがあります。

なのでAFFINGER5購入済みの方は、AFFINGER6のマニュアルを事前に確認できますので、しっかりとその違いを把握しましょう。

まだAFFINGER5を購入してないけど、少しでも先にAFFINGER6の情報が知りたい方は、公式サイトで一部公開されてる情報へのリンクを貼りますので、参考にして下さい。(※発表順に貼ってます)

推奨環境の確認

PHPバージョン、連携プラグインなどの推奨環境も必ず確認しましょう!

推奨環境外だと、動作しないということもありえますので。

バックアップと今まで使ってきたテーマの設定情報収集

もちろん何かあったときのために、不測の事態になっても対応できるように、バックアップは必要です。

ですがプラスで、今までのテーマの設定を、素早く再現できるメモや写真があった方がいいかなと思います。

というのは、

新しいテーマで不具合があった→前のテーマに戻して使う

場合は、バックアップで(or古いテーマがそのまま残ってる場合は、単に古いテーマに)戻せばいいと思うんですが、

新しいテーマで不具合があった→それでも新しいテーマでうまく設定して使っていきたい!!

みたいなときには、こういったメモや写真がないと、

  1. バックアップで、以前の状態を復元
  2. それからメモ・写真を撮って、確認

という手間がかかっちゃいます汗

なので、たとえばこんなものを、メモor写真撮るといいかなって思います。

  • カスタマイズ
    →見出しの色、フォントの大きさ、追加CSSなど。
  • ウィジェット
    →どこになにが入ってるか?など。これに加えて、実際のサイト・ブログの該当箇所の画面も写メ撮ってると、あとあと役に立つかもです。
  • テーマファイルに自分で書き込んだ内容
    →自分でテーマファイルを書き換えた人限定。新しいテーマにした後に、改めて自分で記述する必要があるので。
  • テーマ独自の設定項目
  • WordPressの設定項目(変わらないとは思いますが、念のために)
  • プラグインの設定項目(変わらないとは思いますが、念のために)

ちなみにぼくは最初、ブログの全ての画面を写真に撮ろうとしたんですが、発狂一歩手前になりました(笑)

なので、特に大事なとこだけにしておくのが、おすすめです!

いちいち全部写真撮らなくても、テーマ独自の管理やカスタマイズで、ボタン一つで一斉に設定してる場合もあると思いますし汗

<※AFFINGER6 EX β版を導入したあとの、未来のスティーブ君のひとりごと>

ぼくのパソコン使用環境&このあとの章で紹介する方法でAFFINGER6 EX β版をインストールした場合は、アフィンガー5 EXの親テーマ・子テーマともに上書きはされず、そのまま残りました。

これは、アフィンガー5 EXのテーマのファイル名と、アフィンガー6 EX β版のテーマのファイル名が全く別物だったからです。(親テーマ、子テーマ両方ともに)

ただし、古いテーマと新しいテーマのファイル名が同じ場合には、上書きされて、古いテーマは消えてしまうと思われます。

なので、この点、充分注意してください。

いずれにせよ、何が起こるかわからないのがパソコンですので(笑)バックアップはお忘れなく!

ぼくが今回選んだアフィンガー6 EX β版の導入方法では、写真があった方が便利だと思うので、撮ります。ですが、おそらく(マニュアルに書いてある)別の方法なら、ここまでしなくてもいいかもしれません。

ひとまず、次行きましょう!

【導入手順①】アフィンガー6 EX β版・無印β版のダウンロードページに行く

<※飛ばし読みでここへ来た方へ>

AFFINGER6 β版の導入には、AFFINGER5が必要です。

まだAFFINGER5を導入してない方は、【失敗したくない人向け】テーマはAFFINGER5一択!!→「アフィンガー5の購入→導入方法」で導入してから、お進み下さい。

というわけで、早速いきましょう!

EXユーザーと無印版ユーザーは入り口が別なので、それぞれ紹介します。

AFFINGER5 EXユーザーの入り口

アフィンガー公式サイトの、『ACTION β版 EXユーザー先行公開のお知らせ』から入っていきます。


ACTION EX β版 ダウンロード

この画面を少し下の方に行くと、


ACTION EX β版 ダウンロード2

この画面があるので、赤枠「ACTIONダウンロードページ」をクリックし、


STINGER STORE ログイン

「ログイン」からログインします。

AFFINGER5ユーザーの入り口

アフィンガー公式サイトの、『AFFINGER6 β先行公開のお知らせ』から入っていきます。


ACTION β版 ダウンロード

この画面を少し下にスクロールすると、


ACTION β版 ダウンロード2

このように表示がありますので、赤枠「購入ユーザー限定ページ」をクリックします。すると、


ACTION β版 ダウンロード3

この画面になりますので、「ログイン」からログインして下さい。

ログイン後は、EXも無印もこうすればOK!

ログインすると、「マイページ」が表示されますので、その中の「購入ユーザー限定ページ一覧」をクリックします。

表示された画面を少し下に進むとACTION β版の無印版とEX版のリンクがありますので、ご自分に該当する方のリンクをクリックして下さい。絶対に間違わないように気をつけましょう!

すると、それぞれのユーザーごとの「購入ユーザー限定ページ」にたどり着きます。

ここでまずは、ACTIONのマニュアルを確認しましょう。(購入者限定の非公開ページなので、内容は書けません汗)

またこの限定ページ自体にも色々な注意点・アップデートする前にやることなどが書かれているので、よくよく確認しましょう。

それで大丈夫そうなら、このページからACTION β版をダウンロード→インストールし、導入しましょう!

ぼくはとりあえずAFFINGER6 EX β版にアップデートしてみます!

ちょっとだけ、いろんな意味でドキドキします(^^)

【導入手順②】AFFINGER6 EX β版のダウンロード〜インストール方法【あくまでも一例です】

AFFINGER6 EX β版・無印β版はともに購入ユーザー先行公開なので、詳しい内容や解説は載せられません。

なのであくまでも、「ぼくがインストールの際に行った手順」を紹介します。これが、アフィンガーユーザー全員に当てはまる適切な方法とは限りませんので、そのまま真似はしないで下さい。

大丈夫だと判断できる方のみ、自己責任で行うよう、お願いします。

※あんまり細かくここまで言う人はいないかもですが、ぼくは言います。だって、ただなんとなく記事の真似したら失敗しちゃったなんてなったら、嫌ですもん汗

では導入していきます。

※この先の画像・ファイル名・内容などは、EX β版のものです。
無印版の場合とは、ファイル名などが異なる可能性もあります。ご了承下さいm(_ _)m

まずたどり着いた「ACTION EX版(AFFINGER6 / STINGER PRO3)購入ユーザー限定ページ」で、注意事項などを確認し、自分に必要な親テーマ・子テーマのファイルをパソコンにダウンロードします。

それからWordPressダッシュボードの「外観」→「テーマ」→「新規追加」→「テーマのアップロード」をクリックするとこの画面に。


テーマ アップロード

赤枠「ファイルを選択」をクリックし、先ほどダウンロードした親テーマ「affinger.zip」を選択します。


親テーマインストール

「affinger.zip」がたしかに選択されたことを確認したら、「今すぐインストール」をクリックすると


親テーマインストール 完了

このように完了します。

赤枠「テーマページへ移動」をクリックし、また「新規追加」→「テーマのアップロード」をクリックすることで、この画面に戻ります。


子テーマ アップロード

さっきと同じ要領で、今度は子テーマ「affinger-child.zip」をインストールします。

無事に完了すれば、


子テーマインストール 完了

この画面に来るので、「有効化」します。

すると、


新テーマのインストール 有効化 完了

こんな感じになり、アフィンガー6 EX β版の導入が完了します。

今まで使っていたアフィンガー5 EXの親テーマ・子テーマも、全てそのまま残ってるようです。

なのでなにか不具合があるときは、今まで使ってた子テーマを有効化すれば、そっちに戻して使えます。

やったー!

このあと忘れずに行うこと

  • パーマリンクの更新
  • ブラウザキャッシュ(履歴)の削除
  • プラグインキャッシュの削除
    →キャッシュを使って読み込みを速くする系のプラグインを使ってる方のみ。
  • サーバーキャッシュの削除
    →サーバーでキャッシュ系の機能を使っている方のみ。

あと外部エディタを導入してる方は、WordPressの「投稿」にある記事を見て、異常がなければエディタから同期をかけた方がいいかなと思います。

次に、

  • (ブラウザの履歴を削除してから)サイト・ブログ表示に異常はないかを確認する。(必ずパソコン・スマホ両方から)
  • メモや写真を見ながら、お好みの設定を適用していく。

こんな感じに、表示のチェックをしましょう。

あとは、実際に運用しながら様子見ですね!

AFFINGER6 EX β版を更にアップデートする

どんどんアップデートが出てきますので、アップデート方法も載せておきます。

※ここで紹介するのは、あくまでも一般的な方法です。

特に公式サイトで説明された方法でもありませんし、説明も今のところないようです。

ですので、実行する際は「自己責任」でお願いします。

すみません、一応免責打たせて下さい汗汗

では行きます!

まず、アフィンガー公式サイト『「稼ぐ」に特化したWordPressテーマ AFFINGER』内の、少し下に下がったところにある「NEWS」から、最新のアップデートを選択→購入ユーザー限定ページへログイン→必要な親ファイルをダウンロードします。(この記事では、『ACTION EXver20210105βアップデートのお知らせ』を参照してます。)

その親ファイルを、WordPressダッシュボード→「外観」→「テーマ」→「新しいテーマを追加」→「テーマのアップロード」から、アップロードします。

で、


テーマアップデート

同じファイル名なので、このように表示されます。

上書きして問題ない方だけ赤枠「アップロードしたもので現在のものを置き換える」をクリック。


テーマアップデート2

このように表示され、アップデート完了。

一応バージョンを確かめます。


バージョン確かめ

これで無事、完了です。

インストールのときと同様に、

  • パーマリンクの更新
  • 各種キャッシュの削除

も、忘れずに行いましょう!

【レビュー】最新のアフィンガーβ版を使ってみた感想

これまで確認できていることを書きます。

報告

  • ブログ・サイトの表示崩れは特に無い
  • ウィジェットの「設定していた位置が変わる」「消える」などのようなことも、起きていない。

注意が必要な点

  • 以前配布された無料のすごいもくじPRO(バージョン20180831)も、目次としての機能は問題なく使える。
    ただし、見た目が少し変わる&カスタマイズの設定が機能しない項目もある。
  • Googleアナリティクスのトラッキングコードの設定を、アフィンガーの機能から設定してる方は、そのままだとトラッキング不可になる場合もあるので、一度確認しましょう。
    (トラッキングコードを「headに出力するコード」に貼ってる場合は、恐らく影響ないはず。)
  • カスタマイズの各設定項目は、テーマの初期値になってるので、そこは手当が必要。

ぼくの環境で起きた不具合

  • 「ブログカードのカードスタイル・カードスタイルBの、縦表示の画像の高さが以前の1/3くらいになる現象」を確認。

    →いつから:ACTION EX ver20210105βのアップデート適用後
    →現象が起きている端末:パソコン・モバイル
    →ver20210406にアップデートしても、改善は見られず。

  • 「HTTP 500エラーで、ある1つのカテゴリーページが表示不可」に。

    →いつから:いつのまにか。(気付いたときのバージョンは20210114。)
    →現象が起きている端末:パソコン・モバイル
    →他のカテゴリは問題なく表示されている。
    ver20210315へのアップデートで一度改善されるも、ver20210329でまた発生(汗)
    ver20210406にしても改善せず。

もしかしたらぼくの環境だけで起こっているのかもしれないので、様子を見てみます。

同じような症状出てる方、いらっしゃいます??

良い点

PageSpeed Insightsの各指標の数値が、改善されている!!

PageSpeed Insightsによるサイト・ブログの表示速度のスコア自体には、劇的な変化はありませんでした。

ただし!!よくよく各指標を確認すると、パソコン・スマホともに改善できる項目にある、

  • キーリクエストのプリロード
  • レンダリングを妨げるリソースの除外

の秒数の値が、アフィンガー6 EX β版導入前よりも確実に低くなりました!!

また「ウェブフォント読込中のテキストの表示」に関しても、「診断」から「合格した監査」に移りましたし、スコア評価の指標「Cumulative Layout Shift」も数値が小さくなってます!

以上のことから、

読み込み速度関係の改善が施されている

ことが、確認できました!!

読み込み速度に関しては、ほんのちょっとの差が、のちのち大きな差になることが、けっこうあります。

かなりありがたい&うれしい改善点です!

AFFINGER6 β版→AFFINGER5に戻すときの注意点

なにか不具合があった場合、ぼくと同じ方法でインストールした方は、AFFINGER5に戻せると思いますが、そのときの注意点を。

今ぼくが気付いているのは、以下2点。

  • カスタマイズの項目が、AFFINGER6とAFFINGER5では別物になっている点。
  • Googleアナリティクスのトラッキングコードの設定。

カスタマイズの「追加CSS」も、見逃さないように注意しましょう!

あとトラッキングコードの設定の仕様がちょっと違いますので、そのままだと「なんで急に訪問者0になったのぉぉぉぉぉぉ汗汗」みたいなことに(なりましたwww)

トラッキングコードをheadに書き込んでる系の人は、多分大丈夫かなと。

まとめ

たしかにぼくの環境では、ちょっとした不具合が起きてはいますが、これが他の方にも起こっているのかは、わかりません。

ただぼくとしては、色々な発見があり、いち早く導入して正解だったと思います!(今は、AFFINGER5 EXに戻してますが(^^;))

またなにかあれば、随時追記していきます!

-ブログ
-,

© 2018 パソジユ!All Rights Reserved. Powered by AFFINGER5