RTOCの見出しの設定について



  • 現在、JINを使用して記事を作成しています。
    本日試行錯誤をしながらRTOCの設定を行いました。
    なかなか目次が表示されず、いくつか事例を見ながら確認したところ、<h2>を使用することで正常に目次が表示されることを確認しました。
    しかしながら、<h2>を使用した場合、見出しが吹き出しになってしまいます。
    私は、<h4>の見出しを使いたいのですが、これを使うと目次が表示されなくなってしまいます。。
    <h2>を吹き出しではなく、<h4>の見出しとして使用したい場合にはどうすればいいでしょうか。


    マニュアル確認済み
    キャッシュクリア済み
    プラグイン全停止済み
    WordPressのバージョン : 5.5.1
    ご利用のサーバー名 : Xserver
    PHPのバージョン :
    OS : Windows10
    ご利用のブラウザ : Chrome
    該当サイトのURL : https://seisan-blog.com


  • administrators

    @せいさん さん

    こんにちは!RTOC開発チームのりょうたです。

    しかしながら、<h2>を使用した場合、見出しが吹き出しになってしまいます。
    私は、<h4>の見出しを使いたいのですが、これを使うと目次が表示されなくなってしまいます。。
    <h2>を吹き出しではなく、<h4>の見出しとして使用したい場合にはどうすればいいでしょうか。

    共有ありがとうございます。
    ただ、ちょっと状況がわからないので問題が起こっているURLをご共有いただけますでしょうか?

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



  • https://seisan-blog.com/2020/09/29/眠れない、ストレスが溜まるという時はこのサプ/

    これがURLです。
    <h2>と<h4>で見出しを作っています。
    <h2>の見出しを使用すると、目次に01として表示されますが見出しが吹き出しになります。
    <h4>の見出しだと、<h2>の下の階層として表示されます。
    しかし見出しで使用したいのは<h4>の出し方になります。
    伝わりますでしょうか。


  • administrators

    @せいさん さん

    ご共有いただきありがとうございます。

    <h2>の見出しを使用すると、目次に01として表示されますが見出しが吹き出しになります。

    こちらなのですが、これはRTOCではなくJINのデザインで吹き出しのデザインを選んでるからではないでしょうか?

    <h4>の見出しだと、<h2>の下の階層として表示されます。
    しかし見出しで使用したいのは<h4>の出し方になります。

    こちらもそれはその通りで、見出しの書き方としてh2→h3→h4の順番で書いていくのが一般的な書き方です。
    デザインとしてh4が気に入っているのであればh2は使わなくてもいいのではないでしょうか?



  • 再度URLを見ていただきたいのですが、ご認識のように<h4>のみを使用すると目次が消えてしまうのです。。
    h2、h3がないからなのかもしれませんが、見出しとして使用したいのは<h4>になります。
    <h4>のデザインを使用しつつ、目次を出すにはどうしたらいいでしょうか。


  • administrators

    @せいさん さん

    <h4>のデザインを使用しつつ、目次を出すにはどうしたらいいでしょうか。

    なるほどです。ようやく合点がいきました。
    こちらはRTOCでは対応できないですね。。
    階層構造を意識した目次生成になっているので、いきなりh4だけ表示するというのはできません。

    ただ、これに関しては次回以降のアップデートにて対応させていただけますと幸いです。
    お手数お掛け致しますが、何卒ご理解の程宜しくお願い致します。



  • ありがとうございます。
    他の方のRTOCの使用方法を見てみると、吹き出しの見出しになっているものは見受けられませんでした。。
    やりたいことは、<h2>の見出しを吹き出しではなく、左横の縦線にしたいのですが。。
    <h4>を表示させるのではなく、<h2>の見出しを変更することはできないでしょうか。


  • administrators

    @せいさん さん

    やりたいことは、<h2>の見出しを吹き出しではなく、左横の縦線にしたいのですが。。
    <h4>を表示させるのではなく、<h2>の見出しを変更することはできないでしょうか。

    これはですから、JINの見出しデザインを変更すれば解決しますよ?
    全く同じというわけではないですが(サイズ感的に)、縦線のデザインもh2にはあります。

    https://jin-theme.com/manual/midashi-design/

    上記記事を参考にしてみて設定して見てください。



  • ありがとうございます!
    これでやりたかったことができそうです。
    試してみることにします。