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

  • WordPress :5.4
  • Statut : non résolu
9 sujets de 1 à 9 (sur un total de 9)
  • Auteur
    Messages
  • #2340396
    marival
    Participant
    Initié WordPress
    4 contributions

    Bonjour,

    Ma configuration WP actuelle

    – Version de WordPress : 5.4
    – Version de PHP/MySQL : 7.3.12 / 8.0.18
    – Thème utilisé : Head Blog
    – Thème URI : https://headthemes.com/theme/head-blog/
    – Extensions en place : Forum_wordpress_fr (4.2)
    – Adresse du site : http://localhost/wordpress
    – Nom de l’hébergeur : Apache/2.4.41 (Win64) PHP/7.3.12

    Problème(s) rencontré(s) :

    Je compte utiliser mon site pour publier des nouvelles. Celles-ci comportent des dialogues avec des tirets au début de chaque phrase, qui sont donc automatiquement convertis en liste avec des puces rondes et un retrait. Si je mets en paragraphe, les tirets sont supprimés.

    Comment puis-je garder mes dialogues avec des tirets et sans retrait ?

    Merci

    #2347684
    Jharrow
    Participant
    Initié WordPress
    31 contributions

    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;
    }

    #2348144
    marival
    Participant
    Initié WordPress
    4 contributions

    Salut,

    J’ai essayé de coller ton code

    dans le CSS additionnel de personnaliser

    et dans le CSS additionnel du bloc directement

    mais pas d’effet sur ma liste. Je dois mal m’y prendre ?

    Merci !

    #2348147
    Li-An
    Modérateur
    Maître WordPress
    23952 contributions

    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)

    #2348212
    Jharrow
    Participant
    Initié WordPress
    31 contributions

    As-tu bien donné la classe ‘dialogue’ à la liste ciblée?

    Aussi, pour aller dans le sens de Li-an qui a tout à fait raison concernant le “tiret”, voici le code modifié avec un demi-cadratin à la place du “-“.

     

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

    #2348392
    marival
    Participant
    Initié WordPress
    4 contributions

    Merci Li-An pour toutes ces informations. Très intéressant le BEPO !

    Pour l’instant, j’utilise les tirets semi-quadratin du site https://www.w3schools.com/charsets/ref_utf_punctuation.asp

    Jharrow, je joins une capture d’écran. J’ai ajouté le CSS, mais les puces restent. Je dois faire quelque chose de plus ?

    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #2348394
    Jharrow
    Participant
    Initié WordPress
    31 contributions

    Désolé je n’ai pas été très précis. Voici l’exemple complet avec les demi-cadratins : https://jsfiddle.net/7sfk962a

    #2348396
    marival
    Participant
    Initié WordPress
    4 contributions

    Toujours pas. C’est peut-être ma manière de faire qui n’est pas juste. Je copie ton code et je le colle dans la case CSS additionnel des réglages du bloc, c’est juste ?

    #2348412
    Li-An
    Modérateur
    Maître WordPress
    23952 contributions

    Rajoutez le plutôt dans Personnaliser (le thème) > CSS additionnel

9 sujets de 1 à 9 (sur un total de 9)
  • Vous devez être connecté pour répondre à ce sujet.