Créer autant de niveau dans une liste

Voici une astuce pour générer une liste sur plusieurs niveaux; Ce que WordPress a du mal à faire nativement.

En passant sur l’onglet « texte », nous avons la possibilité de créer du HTML. Alors utilisons cette possibilité !

En HTML, une liste est matérialisée par les balises <ul> ou <ol> qui contiennent des <li>.

Différence entre <ul> ou <ol>

<ul> signifie Unordered List, soit liste non ordonnée. Il s’agit des listes à puce (point, carré, cercle) faites sous WordPress avec ul

<ol> signifie Ordered List, soit liste ordonnée. Il s’agit des listes numérotées ou avec des lettres faites sous WordPress avec  ol

A quoi sert le <li> ?

Le <li> va matérialiser chaque entrée de la liste.

Ce que WordPress sait faire :

WordPress permet de faire des listes sans ordre pré-établi (<ul>) :

  • Ceci est une liste
  • Il n’y a pas d’ordre prédéfini

Le code HTML de cette liste est :
WordPress permet aussi de faire des listes ordonnées (<ol>):

  1. Ceci est une liste
  2. Il y a un ordre prédéfini

Le code HTML de cette liste est :
Vous voyez que la seule différence est dans le <ol> ou le <ul>

Maintenant que vous savez cela,  il ne reste plus qu’à imbriquer des <ul> ou <ol> dans les <li> :

  1. Ceci est une liste
    1. Ceci est une liste
    2. Il n’y a pas d’ordre prédéfini
      1. Ceci est une liste
      2. Il n’y a pas d’ordre prédéfini
  2. Il n’y a pas d’ordre prédéfini

Le code HTML de cette liste est: