2022年3/11。久しぶりに記事を上げて自分のサイトを見たところ、PCの画面に、縦長のスマホ用画面が表示されていた。いわゆる「レイアウト崩れ」だ。
当サイトは、ワードプレステーマ「STINGER」を使っており、「WING STINGER PRO 2」テーマの最新版を去年2021年7月にアプデしたのだが、
どうも古くなっていたらしく、「AFFIGNER 6」が最新版でそちらに開発が移行していた。
さっそく「AFFINGER 6」を買ってきたので、今からテーマを更新してみる。
【サイトリニューアル】AFFINGER レイアウト崩れ PC画面 縦長 細くなる WING STINGER PRO 2
【結論】テーマを新しくしたら治った
WORDPRESSのテーマを「WING STINGER PRO 2」→「AFFINGER 6」に変えたら、
PC時のサイトの表示(レイアウト)崩れは治った。
このサイトは、現在「AFFINGER 6」テーマを使っているので参考にして欲しい。
「WING STINGER PRO 2」はすでに更新が終了しており、何らかの影響でPC表示が上手くいかなかったのだろう。古いサイトだとよく見かけるバグだ。
だから更新が続いている最新版の「AFFINGER 6」にテーマを変更すれば、問題は解決する。
【3/13追記】キャッシュプラグインWP Fastest Cache とAffinger 6 は相性が悪い!
「AFFINGER 6」を入れて、キャッシュプラグイン「WP Fastest Cache」を有効化したところ、
スマホ表示で、一番上にでかい空白(余白、隙間)ができていた。ソースを見たところ、s-naviと表示されており、これは「AFFINGER 6」のスマホメニューだと分かった。
しかしこのサイト、スマホメニュー無効化してるのになぜ起動してるの?と原因不明。
キャッシュプラグイン「WP Fastest Cache」を停止したところ、表示が正常に戻った。
ネットで調べたところ、「WP Fastest Cache とAffinger 6 は相性が悪い」とでるわでるわw
【例】 https://takiblog.tokyo/affinger6-speed-up/#w3-total-cache
「AFFINGER 6」の開発者は、別のキャッシュプラグイン「W3 Total Cache」を使っており、このサイトも「W3 Total Cache」に移行した。
W3 Total Cache にしても治らなかったw
「W3 Total Cache」に移行して、スマホで確認したところ、まだスマホ画面上部にでかい余白ができていた。
キャッシュプラグインを停止すると治るので、キャッシュプラグインが悪さしてる(と思われる)。
「W3 Total Cache」の設定→圧縮→CSSの有効化を外したら、余白が消えてレイアウト崩れが治った。
じゃあ「WP Fastest Cache」でも、CSS圧縮を止めれば治ったかもしれないw
しかし「AFFINGER」の開発者が「W3 Total Cache」を使っており、「AFFINGER 6」の設定に「W3 Total Cache」の専用設定がある以上、移行した方が良いと思われる。
※AFFINGER設定→その他→「スマホ分岐にW3TCのUAグループを反映」ってやつ。W3TC=W3 Total Cache。効果は分からんwUAグループってなんや🙄
AFFINGER 6を安く買う方法
ちなみにワードプレステーマの「AFFINGER 6」は、定価1万4800円(税込)で、目ん玉飛びでそうになり、思わず義勇軍に志願しそうになったが思いとどまった。
もうSTINGER(AFFINGER)系テーマやめて、海外の無料テーマに切り替えようと思ったが、移行がめんどくさいなと。
だが、「AFFINGER 6」をよく見たら、
「WING STINGER PRO 2」「STINGER PRO 3」を購入したユーザーは、3000円で買えます!って書いてあるやん。
https://on-store.net/affiner5fromst2/
これなら買う。
14,800円って見た時は、「名古屋人えげつない商売しよるで」と思ったが、ちゃんと既存ユーザーへの配慮があったのはうれしい。
AFFINGER 6 の感想
ぶっちゃけ「AFFINGER 5」(WING STINGER PRO 2)から、そんなに変わってないが、あまり変えすぎるとユーザー混乱するし、サイトデザイン変わるし難しいところではある。
14,800円の価値あるか、と言われるとうーん。
すでに「WING STINGER PRO 2」持ってて、3,000円で買えるなら、買いだと思う。
そして現実問題、テーマのstyle.cssやFunction.phpに日本語解説がついてて初心者でも分かりやすく、
かつSEO優秀、記事一覧のカードデザイン化、サイトデザインの細かいカスタマイズまでいじれるという点では、
「AFFINGER 6」は、個人制作ソフトの範疇を超えており、もはや大手企業の作るソフトウェアと変わりない品質だと言える。
他の日本人が作った有料テーマ買った事あるけど、やっぱSTINGER系が優秀だと再認識して、結局「STINGER(AFFINGER)」系に戻ってきた。
14,800円だろうが、本気でブログ運営するなら、日本語対応の本気のテーマが欲しいなら、「AFFINGER 6」一択かな。
もっと安いテーマあるけどダサかったり使いにくかったり、更新おそかったり、CSSコードが独特だったりする。
無料テーマ使ってダサいサイト(店)作っても、誰も喜ばないし、客も来ない。
必要経費だと思って、買うしかないと思う。
俺が買った時は、
-「AFFINGER 4」:6,500円
-「WING STINGER PRO 2」:10,800円
-「子テーマJET」:4,980円
-「Lazy Load」:5,000円
-「AFFINGER 6」:3,000円(前作持ってる人の割引価格)
昔のSTINGERは無料だったから、「STINGER PRO 2」で10,800円になった時は高いと思ったけど、2018年に買って、2022年の今まで4年間使えたから、十分元はとってる。
他のも全部使えた。「JET」今でも使ってるし、昔のJET買ってたら最新版の「JET2」もダウンロードできた。
「Lazy Lod」も使える。きちんと動作してる。
設備投資やな。うちのサイトみたいにおしゃれなサイトが作りたいなら、買うしかない。😉
サイトの更新作業中に、ワードプレスの最新verが配信された。
アプデしたところ、最新verの特徴は「ブロックエディターがー、ぐーてんべるぐー」だって。
あほかと。
ブロックエディターとか使ってないし、どうでもええわ。
サイトの作成ソフトなんだから、サイトの見栄えや使いやすさ、表示速度などに力入れろよ。
なんで使いにくい独自エディタをゴリ押ししてんの。
(c)