Dialogues avec tirets non convertis en liste (Créer un compte)

Salut,

Une solution serait de garder le format liste pour les dialogues mais d’y ajouter une classe pour pouvoir cibler cet élément et lui donner l’aspect désiré. exemple :

li.dialogue {
	list-style-type: '-';
	padding: 0;
	margin: 0;
}

Bonjour, les tirets des dialogues ne sont pas les traits d’union du clavier “classique”, ce sont des tirets quadratins en typographie française et ne sont donc pas interprétés par WP en liste – https://www.aproposdecriture.com/regles-typographiques-du-dialogue . Il faut que vous trouviez un moyen de les utiliser, soit en copiant/collant le code HTML – https://fr.wikipedia.org/wiki/Tiret, en utilisant un logiciel d’autocomplétion (qui permet d’éviter de recopier à chaque fois le code) (je conseille Beeftext https://github.com/xmichelo/Beeftext), soit en apprenant le Bépo qui vous permet d’avoir accès simplement aux caractères typographiques français (voir mon billet là dessus https://www.li-an.fr/mon-travail/mes-zimages/ami-bepo/). Le billet vous donnera aussi des liens vers des claviers alternatifs pour accéder plus rapidement aux caractères spéciaux français.

L’extension WP-Typography va aussi bien vous aider à obtenir un texte bien formé en français https://www.echodesplugins.li-an.fr/plugins/typographie/

— Voilà un exemple de quadratin pas interprété par WP (merci Bépo)

Bonjour,

Je reviens sur cette discussion, au cas où vous n’auriez pas trouvé :

Je copie ton code et je le colle dans la case CSS additionnel des réglages du bloc, c’est juste ?

Oui, c’est juste, mais ce n’est que la 1/2 du travail. L’autre 1/2 consiste à insérer la class “dialogue” dans le HTML de votre contenu, afin que la liste visée possède la class qui ré-interprète la liste habituelle pour éviter les puces rondes.

Autrement dit, vous devez insérez votre liste en mode HTML (dans le contenu de publication, ou dans un bloc HTML), en ajoutant .dialogue à la balise li de début de liste.

Ohlala, oui pardon ! C’est <li class="dialogue"> qu’il faut utiliser dans le HTML

Je vous conseille de lire un peu sur le CSS, pour apprendre à l’utiliser. Si vous voulez mettre la class “dialogue” sur la balise de liste <ul>, alors il faut modifier le code de Jharrow par :

ul.dialogue li {
	list-style-type: '—';
	padding: 0;
	margin: 0;
}