ブログ作成方法

ACTION(AFFINGER6 EX) β版をダウンロードして使っても大丈夫??【スティーブがやってみた】

2020年12月26日

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

<新着お知らせ>
2021年1月16日
→『【修正】AFFINGER6 / STINGER PRO3 ver20210116アップデートのお知らせ』が公開されました!!

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

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

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

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

実際に使ってみた感じもレビューしていきます!

まだ公開されている情報は限られているので、詳しい情報を書けない部分もありますが、「もしかしたらちょっと迷うかも?」って思ったこと・注意点・実際の使い心地などをレビューしていきます。

なお、EX版を主体にあれこれ紹介していきますが、無印AFFINGER6 β版でも参考になるかと思いますので、見てみてください!

結論:AFFINGER6 EX β版を導入しても大丈夫っぽい

もちろん、絶対大丈夫とは言い切れません。いろんな使用環境がありますので。

ですが少なくとも、ぼくの環境では今のところ重大な問題は起きていません。

むしろ快適に過ごせてます!

それに新機能をいち早く使えるというのは、めちゃくちゃ大きなメリットだと思いますし、なにより使っていてワクワクします(^o^)/

※ぼくの環境だとver20210105β適用後から、ブログカードのカードスタイル・カードスタイルBの縦表示のアイキャッチ画像の高さが、ちょっとだけ変な感じになっております。

詳しくはまとめの「ACTION EX ver20210105βのアップデート適用後〜」に書きました。

ACTION(AFFINGER6 EX / STINGER PRO3 EX)β版・無印アフィンガー6 β版を導入するのに必要なもの

WING(AFFINGER5EX / STINGER PRO2EX)または
WING(AFFINGER5 / STINGER PRO2)が必要です。

上記テーマをアップデートすることで、ACTION EX β版 / ACTION β版が使えるようになります。

なので

WINGを持っている方は、無料でACTION β版(5EX→6EX β、無印5→無印6 β)にアップデートできます!

WINGをこれから購入し、ACTION EX β版を導入して使ってみたい場合は、(記事執筆の現時点では)

  • AFFINGER5を購入→AFFINGER5EXへ有償アップデート→ACTION(AFFINGER6 EX) β版へ無償アップデート
    =合計26,800円(税込)
  • STINGER PRO2を購入→STINGER PRO2EXへ有償アップデート→ACTION(STINGER PRO3EX)β版へ無償アップデート
    =合計10,800円+α(税込)
  • AFFINGER PACK3-WINGを購入→ACTION(AFFINGER6 EX) β版へ無償アップデート
    =39,800円(税込)
  • AFFINGER SPECIAL COLLECTION→ACTION(AFFINGER6 EX) β版へ無償アップデート
    =77,700円(税込)
※公式サイトで公開されてる情報の中には、STINGER PRO2EXへのアップデート価格が載っていないので、+αと表記してます。

EX版ではなく、無印のACTION β版を導入して使ってみたい場合は、(記事執筆の現時点では)

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

これらの、いずれかの手順と費用が必要になります。

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

もし、少しでもアフィンガーが気になっている方は、こちらの記事を一度見てみて下さい。
【失敗したくない人向け】テーマはAFFINGER5一択!!

アフィンガーとSTINGER PROの違いも、ちょこっと書いてあります(^o^)/

アフィンガー6 EX β版・無印β版のダウンロードページには、こうやって行け

いきましょう。

EXユーザーの入り口

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


ACTION EX β版 ダウンロード

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


ACTION EX β版 ダウンロード2

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


STINGER STORE ログイン

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

無印版ユーザーの入り口

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


ACTION β版 ダウンロード

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


ACTION β版 ダウンロード2

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


ACTION β版 ダウンロード3

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

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

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

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

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

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

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

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

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

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

AFFINGER6 EX β版・無印β版を導入する前に〜注意点

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

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

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

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

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

AFFINGER5EXとAFFINGER6EX(or無印5と無印6)の違いを把握

具体的な違いは非公開なので書けませんが、新しく出来るようになったこと、できなくなることがあります。

なのでマニュアルなどを確認し、しっかりとその違いを把握しましょう。

まだAFFINGERを購入されてない方は、情報が一部公開されてますので、こちらからご確認下さい。(※情報量の多い順にリンク貼りました。)

推奨環境の確認

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

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

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

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

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

というのは、

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

場合は、バックアップで戻せばいいと思うんですが、

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

みたいなときには、こういったメモや写真がないと、バックアップで以前の状態を復元→メモ・写真撮って確認する、みたいな手間がかかっちゃいます。

なので、あくまでも一例ですが、

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

こういったところの、「絶対に同じようにしたいところ」の写真を撮るほうがいいと思います。必要なとこだけ。

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

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

特にカラー設定は、テーマ独自の管理やカスタマイズで、一斉に連動的に設定してる場合が多いような気もしますし汗

※コラム:スティーブ君のひとりごと

→ぶっちゃけ新テーマ導入後でも、元々使っていたテーマがそのまま残っているなら、そっちを有効化すれば元のテーマを使ったり、設定内容を確認することもできるよねってぼくは思ってます。

例えば今回のぼくの環境の場合、アフィンガー5 EXの親テーマ・子テーマのzipファイルの名前と、アフィンガー6 EX β版の親テーマ・子テーマのzipファイルの名前が違うので、おそらく上書きでアップデートはされないと思うんです。

だから古いテーマもそのまま残るはず、とか思ってます。ただしzipファイルの名前が同じ場合には、おそらく純粋に上書きされ、古い方は消えてしまうんじゃないかと思います。

このコラムに書いたことについては、どれも検証どころか検索もしてないので、実際にはどうなるのかわかりません。

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

ぼくが今回選んだアフィンガー6 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 β版を更にアップデートする

ACTION EX ver20210105βのアップデートもきたので、一応アプデも載せてみます。

※ACTION EX ver20210105βのアップデート適用後、ぼくの使用環境だとカードスタイルがちょ〜〜っと、うまく適用されてないっぽい感じになりました。

詳しくはこの記事の【まとめ】にある黄色枠内の、「ACTION EX ver20210105βのアップデート適用後〜」を見て下さい。

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

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

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

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

もちろん、慣れてるみなさんには、わかって頂けてるとは思ってますが(^o^)/

では行きます!

まず、アフィンガー公式サイトの『ACTION EXver20210105βアップデートのお知らせ』から購入ユーザー限定ページへログインし、必要な親ファイルをダウンロードします。

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

で、


テーマアップデート

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

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


テーマアップデート2

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

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


バージョン確かめ

これで無事、完了です。

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

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

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

まとめ:【レビュー】最新のアフィンガーβ版を使ってみてどんな感じか??

今のところ、

  • 表示崩れは特に無い
  • 以前配布された無料のすごいもくじPRO(バージョン20180831)も、目次としての機能は問題なく使える。
    ただし、見た目が少し変わる&カスタマイズの設定が機能する項目・しない項目がある。
  • ウィジェットは「設定していた位置が変わる」「消える」などのような、困ることは起きていない。
  • カスタマイズの各項目だけは、テーマの初期値になってるっぽいので、そこは手当が必要。
●ACTION EX ver20210105βのアップデート適用後、ブログカードのカードスタイル・カードスタイルBの縦表示のアイキャッチ画像の高さが、以前の1/3くらいになりました汗汗
パソコン・モバイルともに。
もしかしたらぼくだけなのかもしれませんし、様子を見てみます。

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

→ver20210114にアップデートしても改善は見られず。

こんな感じです。

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

ただし!!

パソコン・スマホともに改善できる項目にある、

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

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

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

以上のことから、読み込み速度関係の改善が施されていることがわかりました!!

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

たしかにちょっとした不具合??はありますが、正直大したことないレベル。やはりいち早く導入して正解だったと思います!!(^o^)/

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

-ブログ作成方法
-,