サイドバー追尾の目次が正しく飛ばない



  • 質問です。
    Rich Table of Contentsで作成した目次をサイドバー追尾に貼っているのですが、
    クリックした際に異なるところへ飛んでしまいます。
    どうすれば治るでしょうか。

    ちなみに、
    ウィジェットのサイドバー追尾に、テキストで[rtoc_mokuji title="" title_display="" heading="h3" list_h2_type="" list_h3_type="" display="" frame_design="" animation=""]を貼り付けています。

    以上よろしくお願いいたします。


    マニュアル確認済み
    キャッシュクリア済み
    プラグイン全停止済み
    WordPressのバージョン : 5.9.1
    ご利用のサーバー名 : Xサーバー
    PHPのバージョン :
    OS : macOS Monterey
    ご利用のブラウザ : クローム
    該当サイトのURL : https://kagmag.com/sidechair-ume



  • @maillet さん

    こんにちは!
    ショートコードの共有ありがとうございます。

    目次のリンク先などは、記事本文にあるメインの目次が生成される時に決まります。
    ですので、「サイドバーに設置している目次」の内容が「メインの目次」と異なるのが原因だと思われます。。
    (サイドバーでは h3 までの表示にされていますので)

    メインの目次と同じにすると縦に長くなってしまう為、
    その場合はスクロールバーが出るようにするなどのカスタマイズが必要になりそうです。

    こちらのトピックで似たような内容を扱っておりますので、
    一度ご覧いただけますと幸いです!
    https://jin-forum.jp/topic/3923/サイドバーの追従目次でスクロールバーが出てこない

    調整などは maillet さんの方でお願いできればと思います。
    お手数おかけしますが、よろしくお願いいたします!



  • tsu_さん

    ありがとうございます。h3をh4に変えたところ、正しく飛ぶようになりましたが、おっしゃる通り、目次が全て表示されません。
    追加CSSに
    .widget_block .rtoc-mokuji{
    max-height: 450px;
    overflow-y: auto;
    }
    を追加するのは分かりましたが、
    追加CSSのどこの行に貼り付ければよいのでしょうか?
    追加CSSの変更の仕方がよくわかっていないのでご教授ください



  • @maillet さん

    管理画面「外観」>「カスタマイズ」の
    「追加CSS」の最後に書き足す感じで大丈夫かと思います。

    0_1646994885865_スクリーンショット 2022-03-11 19.31.52.jpg


    サイトを拝見した感じですと、おそらくリンクカードや吹き出しの調整をされていると思うので、
    その後ろに書き足すイメージになります。

    お手数おかけしますが、ご確認よろしくお願いいたします!



  • サイドバー追尾の目次が正しく飛ばないで@mailletが発言 :

    tsu_さん

    ありがとうございます。
    追加してみましたが、反映されませんでした。
    0_1647051255701_スクリーンショット 2022-03-12 11.10.05.jpg
    何か間違っているのでしょうか?



  • @maillet さん

    ウィジェットでは「テキスト」を使っていると思いますので、
    クラス名が違うのかもしれません。。

    .widget_text .rtoc-mokuji{
    	max-height: 450px;
    	overflow-y: auto;
    }
    

    こちらの環境では、同じように設定すると上記のコードで反映されました!

    よろしくお願いいたします。



  • @tsu_ さん

    こちらを貼り付けたらできました。
    どうもありがとうございました。



  • @maillet さん

    ご報告ありがとうございます!

    「450」部分の数字を変えれば、高さを変えられますので
    お好みで調整いただければと思います。

    引き続き、よろしくお願いいたします!
    (ご確認いただければ、ご返信には及びません)