web-dev-qa-db-fra.com

L'éditeur visuel de Wordpress a imbriquées

J'ai toujours du mal à créer des listes imbriquées dans Wordpress à l'aide de l'éditeur par défaut en mode visuel, car je souhaite éviter le travail supplémentaire de HTML. Même si j'écris moi-même le code HTML dans le mode d'édition HTML, la page n'écoute parfois pas mon code HTML et ne modifie pas les choses à sa guise.

Par exemple, je veux créer la structure suivante:

1. 
2.
  a)
  b)
    - Paragraph 1
    - Paragraph 2

J'utilise l'attribut "type = 'a'" dans la balise "OL" pour commander en utilisant des lettres. Lorsque je repasse en mode visuel, il affiche les lettres, mais lorsque je prévisualise le message, il affiche des chiffres.

De plus, en utilisant parfois le mode visuel pour créer rapidement des listes, lors de la création d’une liste imbriquée, le format de la liste externe est modifié. L'éditeur visuel change parfois les choses car il dit que c'est "meilleur", mais souvent, il change les choses comme je ne le veux pas et c'est frustrant et cauchemardesque. comme le fait le ditor. Mais je suppose que cela a quelque chose à voir avec le CSS du thème.

postshtmlvisual-editorlistlists
1
Lorthas

Au lieu d'utiliser l'attribut "type", essayez d'ajouter une classe CSS et de la styler.

<ol>
    <li>Number one</li>
    <li>Number two
        <ol class="lower-alpha">
            <li>Lowercase a</li>
            <li>Lowercase b
                <ul>
                    <li>Paragraph 1</li>
                    <li>Paragraph 2</li>
                </ul>
            </li>
        </ol>
    </li>
</ol>

Ensuite, dans votre CSS - en fonction de la configuration de votre site, vous voudrez peut-être ajouter un CSS personnalisé via le personnaliseur ou modifier un thème enfant:

ol.lower-alpha {
    list-style-type:lower-alpha;
}

(En fonction de votre thème, vous devrez peut-être être plus spécifique, mais cela fonctionnerait dans la plupart des cas.)

2
WebElaine