このブログについて その他

AFFINGER6でTOC+バージョン2309を使うとレイアウトが崩れる問題への暫定的対処法

2023/09/27

affinger6-tocpuls-layout-skewed_EyeCatch
 どうもこんにちは。もじゃおです。急いでいる方向けに、先に結論を言うと、


  • 定番の目次プラグインであるTable of Contents Plus(以下TOC+)をバージョンの2309にするとAFFINGER6で製作したサイト全体のレイアウトが崩れます
  • そして、ひとつ前のバージョンである2302にバージョンダウンすると元に戻ります
  • WordPressにある程度慣れている方は、上の情報だけ知ればサッと直せるかと。


    ここからは、プラグインをバージョンダウンする方法を紹介していきます。

    2024年3月11日追記:現在は最新のTOC+にしてもサイト全体のレイアウトは崩れなくなっています。
     どのバージョンからは定かではないんですが、私が試した限りではTOC+のバージョン2311からAFFINGER6で使ってもレイアウトが崩れなくなりました

    なのでAFFINGER6のレイアウト崩れを防ぐ目的で、TOC+のバージョンを2302に留めていた方は、少なくとも2311と現在最新の2402.1まではアップデートして平気ですぞ。



    プラグインをバージョンダウンする手順

    手順としては、

    1. (できれば)現環境をバックアップしておく
    2. 公式ページから過去バージョンのプラグインをダウンロードする
    3. プラグインをアップロードして、上書きする
    という流れ、それぞれを順に見ていくと…

    1.(できれば)現環境をバックアップしておく

    affinger6-tocpuls-layout-skewed02
     崩れている状態とはいえ、余計ひどくなってしまった時に備えて一応現環境をバックアップしておきましょう。

    私は有料版のAll-in-One WP Migrationを使っていますが、他に良い方法があるならそちらを優先してください。


    2.公式ページから過去バージョンのプラグインをダウンロードする

    affinger6-tocpuls-layout-skewed03
    △画像はダウングレード後のモノなので、既にバージョンが2302になっています。


     ダッシュボードのメニューから「プラグイン」→「インストール済みプラグイン」と進み、「Table of Contents Plus」の欄にある「詳細を表示」をクリックして、プラグインの解説ページを開きます。


    affinger6-tocpuls-layout-skewed04

    ページ右側にある「[WordPress.org](http://WordPress.org) プラグインページ」のリンクをクリックするとプラグインが配布されているページへアクセスできます。

    affinger6-tocpuls-layout-skewed05

     プラグイン配布ページの右側にある「詳細を表示」から、以前のバージョンをダウンロードできるページへ移動します。


    affinger6-tocpuls-layout-skewed06

     ページ下部に「以前のバージョン」「ダウンロードするバージョンを指定してください」と記載されている部分があるので、そこのプルダウンメニューから「2302」を選んでダウンロードします。



    「table-of-contents-plus.2302.zip」というファイルがダウンロードされます。
    次はこのZIPファイルをアップロードして上書きしていきます。

    3.プラグインをアップロードして、上書きする

    affinger6-tocpuls-layout-skewed07

     ダッシュボードから「プラグイン」→「新規追加」→「プラグインのアップロード」と進み、「参照」ボタンから、先ほどダウンロードしたZIPファイルを選択してアップロード・インストールします。

    affinger6-tocpuls-layout-skewed08

     その際、『現在のプラグインよりも古いバージョンをアップロードしています。旧バージョンのインストールを続行できますが、必ず最初にデータベースとファイルをバックアップしてください。』


    という注意と共に「アップロードしたもので現在のものを置き換える」というボタンが表示されます。


    (既にバックアップはしてあるので)そのボタンを押すとプラグインのダウングレードが始まります。


    affinger6-tocpuls-layout-skewed09

     ダウングレードが完了しました。とりあえずこれで、AFFINGER6とTOC+バージョン2309の組み合わせによる表示崩れは直っているはずです。

    まとめと余談

    affinger6-tocpuls-layout-skewed0

     崩れている状態と、戻った状態のトップページを比較するとこんな感じですな。
    とりあえず暫定的ではありますが、表示が元に戻って良かったです。

    やった事としてはToC+を2302にバージョンダウンしただけなんですけど、サイト全体のレイアウトが崩れてしまっていた事もあり、エラく疲れましたな




    AFFINGERの公式ページでは、
    『目次プラグイン「Table of Contents Plus」のversion: 2309においてレイアウトが崩れるなどのご報告を頂いております。
    不具合を併発する他社製プラグインは併用いただかないようお願いしております。
    なお、現時点では各テーマの購入ユーザー限定ページにて「すごいもくじLITE」プラグインを無料配布しておりますので代替えとしてご活用いただければ幸いです。』

    と案内されているので、目次プラグインを「すごいもくじ」に移行するのが根本的な対処方法でしょうな。


    affinger6-tocpuls-layout-skewed010

     ただ、目次をクリックして、見出しに移動した際、見出しが隠れてしまう場合の対処法として、ToC+ではスムーズスクロールした後の上部余白を設定できるんですけど、「すごいもくじLITE」では設定できないので、あんまり気が進みませんな。

    以上でこの記事はおしまいです。 この記事が役に立ったり、参考になったりした場合は、ブログやTwitter・Facebookなどで興味がありそうな方にこの記事を紹介してくださると、とても嬉しいです。ぜひよろしくお願いいたします。



    おねがい

    こんなに下の方まで読んでくれてありがとうございます…! もし、このブログの記事や情報が役に立てたなら、とても嬉しいです。
    唐突なお願いで恐縮ですが、このブログの運営・活動を支援して頂ければ幸いです。 このブログは「穏やかな語り口の正直なレビュー」をモットーに運営していて、もう10年以上経つのでそれなりの規模になったと考えているのですが、実は全然収益が上がっていません。
    Googleの自動広告も掲載していますが、詐欺的な広告・不快感のある広告・ジャマになるような表示方法の広告を手動で徹底的に排除した結果、広告掲載による収益は0円の日が多く、メチャクチャ良くても1日45円といった状況です。
    たとえ少額な普段の買い物でも、下記のアフィリエイトリンクを経由して買ってもらえると、このブログとって、とても大きな支えになります。


    どうかご支援頂のほど、よろしくお願いいたします。 最後まで読んで下さり。ありがとうございました。

    -このブログについて, その他
    -, ,