Rich Table of Contentsの目次内に画像を表示させない方法があれば教えて下さい。



  • 現状Table of Contents Plusを使用していますが、Rich Table of Contentsに変更し「目次に戻る」ボタンをしようしたいと思っています。
    しかしRich Table of Contentsを使用すると、「見出し4」に含まれる画像まで目次内に表示されてしまします。
    「見出し」に画像を含んだまま、目次内には画像を表示させない方法はありますでしょうか?
    お忙しい所申し訳ありませんが、ご確認よろしくお願い致します。


    マニュアル確認済み
    キャッシュクリア済み
    WordPressのバージョン : 5.5.1
    ご利用のサーバー名 : xserver
    PHPのバージョン : 7.2.29
    OS : windows10
    ご利用のブラウザ : chrome
    該当サイトのURL : https://tokaikensyo.com/


  • administrators

    @otuneko さん

    こんにちは!JIN運営チームのりょうたです。
    どういう状況かわからないのでスクショを添えて共有いただけますと幸いです。

    お手数おかけいたしますが、宜しくお願い致します。



  • ご返答ありがとうございます。
    スクリーンショットを貼付いたします。
    【画像1】 
    見出しの中に画像も含めております。
    目次の項目をクリックしたときに、画像を表示したいため。
    0_1600035894772_見出し画像含む.jpg

    【画像2】
    画像1の状態でRich Table of Contentsを有効化した場合
    目次内に画像まで表示されてしまう。
    0_1600036050460_目次表示.jpg

    私の希望は、見出しに画像を含めたまま、目次では画像を表示しないようにしたいと思っております。
    解決策があれば教えて頂けると助かります。

    お忙しい所申し訳ありませんが、ご確認よろしくお願いいたします。


  • administrators

    @otuneko さん

    ご共有いただきありがとうございます。
    なるほどですね。。

    .rtoc-mokuji-content .rtoc-mokuji li > a img {
        display: none;
    }
    

    上記を追加CSSに追加して確認してみるとどうでしょうか?



  • 早々のご回答ありがとうございます。
    画像の件、解決致しました。

    ただもう一点解決したい点が出てきました。
    現状見出しに外部リンクをつけていますが、Rich Table of Contentsの目次で、その見出し項目をクリックすると、その見出しへはいかずに外部リンクへいってしまします。

    度々の質問で申し訳ありませんが、外部リンクではなく、その見出しへいく方法があれば教えて頂けると助かります。

    お忙しい所申し訳ありませんが、ご確認よろしくお願いいたします。


  • administrators

    @otuneko さん

    こんにちは!
    無事解決したようで何よりです。。。

    度々の質問で申し訳ありませんが、外部リンクではなく、その見出しへいく方法があれば教えて頂けると助かります。

    こちらですが、外部リンクに関しては対応は難しいですね。。
    マークアップの書き方を

    <h4>QTTAの!LINEポイントプレゼントキャンペーン</h4>
    <a href="#"><img src="#"></a>
    

    こんな感じに書き換えていただくしかないです。。
    お手数おかけいたしますが、ご確認の程宜しくお願い致します



  • ご返答ありがとうございます。

    自分でも工夫してやってみます。

    ありがとうございました!