AFFINGER6（アフィンガー6）【レイアウト崩れ】の原因はプラグイン
忘備録です。
AFFINGER6（アフィンガー6）【レイアウト崩れ】の原因を色々調べていたら、原因はプラグインのようでした。
AFFINGER6（アフィンガー6）のレイアウト崩れ エラーが出ない場合 「Table of Contents Plus」
既出です。
AFFINGER6（アフィンガー6）のレイアウト崩れの原因を調べたところ、プラグインが原因でした。突然ブログのレイアウトが崩れ、他の人のブログで聞いて回りましたが、最終的にプラグインが原因だと判明しました。
「外観＞カスタマイズ」の画面では正常に表示されるのに、実際の画面に戻るとレイアウトが崩れる現象が発生しました。すべてのプラグインをffftpで一度「無効化」したところ、レイアウトが元に戻りました。
原因がわからなかったのですが、「Table of Contents Plus」を無効化することで、今回のレイアウト崩れは解決しました。
代わりになにかいいものはないかと探しました。「すごいもくじLITE」を使うことがいいようです。
ただ、私は他のプラグインが気に入ったので、それに変更しました。
その後、2023年秋には「Table of Contents Plus」が再び使えるようになりました。
AFFINGER6（アフィンガー6）のレイアウト崩れのときは、プラグインの干渉でレイアウト崩れが起きることがあるため、すべてのプラグインを一度無効化してみることをお勧めします。
AFFINGER6（アフィンガー6）のレイアウト崩れ エラーがでる場合「miniOrange」
miniOrangeは、ログイン時に二段階認証を設定するプラグインです。
不正ログインされるとブログが乗っ取られてしまうため、WordPressでセキュリティ対策として真っ先に導入したいのが二段階認証です。
ユーザー名・パスワードに加え、登録したアプリに表示された認証コードを入力しないとログインできなくなります。しかし、導入時にエラーが発生することがありました。
以下のような感じで、上に出てきます。
miniOrangeも同じエラー表示だったかは覚えていません（違う場合は教えて下さい）
Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/自分のURL/public_html/wp-content/plugins/以下略
そこで、Two-Factorというプラグインを使用しました。
これがいいのは、簡単設定なところです。
「ユーザー」→「プロフィール」の「Two-Factor 設定」を使い、アカウントに対して1つまたは複数の二要素認証を有効化し、設定してください。
AFFINGER6（アフィンガー6）のレイアウト崩れ エラーがでる場合
「crayon-syntax-highlighter」
実はカラムがどうしてもおかしくて、直らない。エラーが、何やっても直らないところ
Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/自分のURL/public_html/wp-content/plugins/以下略
これは苦労しました。
購入者限定ですが
「1クリックでデザインセット！「AFFINGERデザインカード」プラグインを公開しました。」
の記事を観てこれ入れてみよう。と思ったのがきっかけです。
さすが、AFFINGERの販売サイト。気前がいいですよね。
AFFINGER6紹介するのが大変だったので（素人向きではない。スキル必要。教えるほどのスキルもないため）紹介しなかったのです。
入れてみました。
エラーが出ます。
更に調べました。
そうするとAFFINGER自体の、最新版があるようで、入れてみたら直りました。
助かりました。
【最新リリース 版】
専用子テーマ
を入れてみるといいようです。
ACTION（AFFINGER6版）購入ユーザー限定ページにて
リンクは控えます。購入してか、購入済の人はリンク知っていると思います。
ぜひ入れてみてください。EXは次回購入しようと思っています。
AFFINGERを持っていない方は、ぜひ下記から
AFFINGER6（WordPressテーマ）
まとめ
忘備録です。サイトのレイアウトは好きなのですが時間がかかるので、苦手です。
それでも、スッキリさせてくれるサービスに脱帽。
だからファンが多いのかもしれません。