La table des matières ne fonctionne pas lorsqu'elle est encapsulée avec des balises HTML

Soutien
1

Another question. I added extra div to the post. Now it looks like this:

<div data-theme-toc="true"> </div>
<div data-theme-profile="manual">
## Chapter 1
## Chapter 2
</div>

But the TOC is not visible in this case. How can it be fixed?

3 « J'aime »
2

Je ne connais pas votre objectif, mais vous pouvez cibler les titres de plusieurs manières.

  1. Utilisez des balises de titre HTML avec des attributs data-, tels que <h1> pour pouvoir cibler [data-header-1] avec CSS.

  2. Insérez une div vide avec un attribut data- à un moment donné, que vous pouvez utiliser pour cibler les éléments suivants. Par exemple, en plaçant après le 2ème titre et en ajoutant ce CSS :

    [data-next-titles] ~ .d-toc-post-heading {
    color: pink;
}

    Cela donnera ceci :

    image
    image730×725 32.4 KB

    Donc, cela dépend vraiment de votre objectif.
    Ce guide pourrait vous être utile : Customize posts' contents with your own styles

4 « J'aime »
3

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.