AFFINGER ミニコラム

2023.9頃からレイアウトが何となく崩れて困っている方へ【AFFINGER6】

2023.9レイアウト崩れ困り

ワードプレステーマAFFINGER6を使用していて、2023年9月頃からレイアウト崩れに悩まされていませんか?

そんな悩めるAFFINGER6ユーザーのために今回はミニコラムを書きたいとおもいます。

 

2023年9月頃からレイアウトがおかしいぞ?何でだ!


プラグイン「Table of Contents Plus」のバージョン: 2309が、邪魔している!

2023.9月頃からレイアウトが崩れたら、プラグイン「Table of Contents Plus」を疑おう

AFFINGER6を使用していて、急にレイアウトがおかしくなったら、プラグイン「Table of Contents Plus」を疑いましょう。

たしかに、公式HPから、【重要】Table of Contents Plusプラグインによるレイアウト崩れについてというお知らせがきていたので、「へ〜そうんなことあるんだ〜。」なんて思っていたら、自分が運営しているサイトの一つにレイアウトがおかしくなる症状が!

レイアウト崩れ例

プラグイン「Table of Contents Plus」は目次を作成するプラグインなので、目次あたりのレイアウトがおかしくなるって勝手に思い込んでいたので、まさか全体のレイアウト崩れの原因が、プラグイン「Table of Contents Plus」だったなんて!

自分2日ほど悩んじゃいました。

色々やった結果、プラグイン「Table of Contents Plus」が原因でした!

プラグイン「Table of Contents Plus」を無効化したら、あっさりレイアウトが直りました。

 

とりあえず、AFFINGER6を使用していて、2023年9月頃からレイアウトがおかしくなる症状がでていたら、プラグイン「Table of Contents Plus」を「無効化」してみてください。

 

では、目次は何のプラグインを使う?

プラグイン「Table of Contents Plus」を無効化した。では目次は何を使う?という事になると思います。

AFFINGER6ユーザー無料「すごいもくじLITE」を使う

AFFINGER6を使用しているのであれば、無料で「すごいもくじLITE」プラグインを配布していますので、目次はこちらを使用する事をオススメします。

AFFINGER6公式ページ「購入ユーザー限定ページ」より(ログイン後)ダウンロードしてください。↓

購入ユーザー限定ページ

 

無料プラグイン「Rich Table of Contents」を使う

また自分は、目次プラグインは「Rich Table of Contents」もお気に入りです。

日本人が開発しているプラグインで、「Rich Table of Contents」はとても使いやすく、自分はデザインが気に入っています。

目次プラグインの候補に「Rich Table of Contents」を、いれてもいいかもしれません。

【すでに用意されているカラー】

Rich Table of Contentsレイアウト例

 

【使い方】

Rich Table of Contents設定方法

ワードプレス左メニューの「プラグイン」→「新規追加」→上の検索窓に「Rich Table of Contents」と入力。

Rich Table of Contents項目の「今すぐインストール」ボタンをクリック。→「有効」ボタンをクリック。

arrow_downward

Rich Table of Contents設定方法2

ワードプレス左メニューに「RTOC設定」というメニューをクリック。

arrow_downward

「目次設定」タブでお好みの設定をする。

Rich Table of Contents設定方法3-1

Rich Table of Contents設定方法3-2

Rich Table of Contents設定方法3-3

Rich Table of Contents設定方法3-4

Rich Table of Contents設定方法3-5

ページ一番下の「変更を保存」ボタンをクリック。

arrow_downward

Rich Table of Contents設定方法5

「ショートコード」タブの「目次のショートコード」をコピペして、記事の目次を表示したい箇所にペーストする。

これで設定完了です。

 

お好みで目次は設定してください!

ちなみに、目次はプラグインで作成した方が断然簡単です。

 

関連記事


TOPページに戻る

-AFFINGER, ミニコラム

error: このコンテンツのコピーは禁止されています。