[Résolu] Réduire l’interligne & le saut de ligne ? (Créer un compte)

  • WordPress :6.7
  • Statut : résolu
10 sujets de 1 à 10 (sur un total de 10)
  • Auteur
    Messages
  • #2487729
    theok
    Participant
    Initié WordPress
    11 contributions

    Bonjour,

     

     

    Je cherche à rendre mes articles plus lisibles, et plus agréables à lire. Je trouve que l’interligne est trop grande, aussi et surtout le retour à la ligne + le saut de ligne met trop d’espace vide.

    ( exemple: https://plume-interdite.com/entretien-avec-blanche-de-saint-cyr-3-3/ )

    Je ne sais pas ce que vous en pensez ?

    J’aimerais résoudre ce souci, je suppose un peu de code à ajouter ? … Je ne sais pas coder…

    Quelqu’un aurait une solution ? Merci à vous !

    Ma configuration WP actuelle :
    – Version de WordPress : 6.7.2
    – Version de PHP/MySQL : 8.0.30 / 8.0.41
    – Thème utilisé : Gazette
    – Thème URI : https://wordpress.com/themes/gazette/
    – Extensions en place : Advanced Editor Tools (5.9.2), Akismet Anti-spam: Spam Protection (5.3.7), Anti-Malware Security and Brute-Force Firewall (4.23.73), Content Aware Sidebars (3.21.1), Forum_wordpress_fr (4.2), Fullwidth Page Templates (1.1.1), Visitor Traffic Real Time Statistics (8.1), Wordfence Security (8.0.4), WP-Optimize – Clean, Compress, Cache (4.1.1), WP Crontrol (1.18.0), WP Fastest Cache (1.3.5), WPvivid Backup Plugin (0.9.114), Yoast SEO (24.8.1)
    – Adresse du site : https://plume-interdite.com
    – Nom de l’hébergeur : Apache

    #2487733
    ferman
    Modérateur
    Maître WordPress
    7522 contributions

    Bonjour,

    Vous pouvez essayer ce code CSS

    p{
    margin-bottom:10px!important;
    line-height:1.2;
    }

    A mettre dans les CSS additionnelles du thème. Vous pouvez modifier les valeurs 10px et 1.2 selon l’aspect que vous voulez obtenir.

    #2487744
    theok
    Participant
    Initié WordPress
    11 contributions

    Merci pour ton aide.

    ça fonctionne ! Epatant, merci !

    J’ai encore un souci avec les « titre 2 ».

    Je diffuse des extraits d’histoire, ce qui rend les « titre 2 » super compliqués à mettre. Du coup je sélectionne des bouts de phrase un peu « chauds » (car je voudrais être référencé dans la littérature érotique) et je mets en « titre 2 ».

    Problème, ça gêne la lecture, on passe d’un texte normal à un énorme. 🙁 (voir même exemple que précédemment : https://plume-interdite.com/entretien-avec-blanche-de-saint-cyr-3-3/ )

    Y aurait-il moyen d’avoir des titres 2 ressemblant au texte de base ?

     

     

    #2487751
    ferman
    Modérateur
    Maître WordPress
    7522 contributions

    Vous avez deux types de texte « énorme ». Par exemple:

    1. <b><i><u>Sexe et société…</u></i></b>
    2. <b>Que faire face à cette misère sexuelle touchant toutes les couches de la population ? Pourquoi tant de laissés pour compte ?</b>

    Lequel appelez-vous « titre 2 ». Lequel voulez-vous modifier: 1, ou 2, ou les deux?

    • Cette réponse a été modifiée le il y a 1 semaine et 2 jours par ferman.
    • Cette réponse a été modifiée le il y a 1 semaine et 2 jours par ferman.
    #2487756
    theok
    Participant
    Initié WordPress
    11 contributions

    Argh pardon, en fait mon exemple n’était pas pertinent ! Dans mes articles d’entretiens avec des auteurs je ne mets pas de « titre 2 »

    (car en fait l’audience se fera plutôt via la pub que l’auteur fera de son côté auprès de sa commu. Pas de raison particulière que l’article soit référencé outre cela, si ce n’est qu’on pourra éventuellement tomber sur l’ITW en faisant une recherche GG via son nom).

    Bref ! Un meilleur exemple est celui-ci : https://plume-interdite.com/ecrivaine-preliminaire/

    Les titres d’histoires sont en gras, mais inutile d’en faire des « titre 2 »

    Par contre c’est le cas par exemple dans cet article pour « Sa voix doit être suave, douce, enfin faut qu’elle fasse sa s… quoi. » Ce sont ces « titre 2 » qui cassent pas mal la lecture je trouve.

    #2487757
    ferman
    Modérateur
    Maître WordPress
    7522 contributions

    Toujours dans les CSS additionnelles, essayez le code suivant

    .entry-content h2{
    font-size:1.05em;
    font-weight:400;
    font-family: Lora, serif;
    }

    Vous devriez avoir le même aspect que pour le reste du texte.

    Pour h2:

    • Si vous voulez que le texte soit légèrement plus grand, modifiez la ligne 2 (1.1em par exemple)
    • Si vous voulez rester en caractères gras, supprimez la ligne 3
    • h2 et le reste du texte n’utilisent pas la même police. Si vous voulez préserver cette différence, effacez la ligne 4.

    Il est possible d’ajouter du style supplémentaire (italique, souligné, couleur…)

     

    • Cette réponse a été modifiée le il y a 1 semaine et 2 jours par ferman.
    #2487782
    theok
    Participant
    Initié WordPress
    11 contributions

    Merci encore ça fonctionne bien mieux !

    La lecture reste gênée par un élément mais celui-là je ne sais pas si ça peut se résoudre. Exemple fictif, extrait de texte de roman :

    « Lorsque j’ai entendu mon nom à l’appel j’ai répondu « présente ! » bien qu’absente toute l’heure durant. Je rêvasse trop, les premiers contrôles vont arriver, je dois me ressaisir. Ici tout va trop vite.  »

    Mettons que je veuille mettre « Je rêvasse trop » en titre 2. ça m’oblige à mettre :

    « Lorsque j’ai entendu mon nom à l’appel j’ai répondu « présente ! » bien qu’absente toute l’heure durant.

    Je rêvasse trop,

    les premiers contrôles vont arriver, je dois me ressaisir. Ici tout va trop vite. Ce bâtiment est immense. Certains élèves l’appellent « l’usine », les plus farouches « l’abattoir ». »

    Car sinon ça met tout le paragraphe en Titre 2. Je ne sais pas s’il peut y avoir moyen de sélectionner un bout de phrase comme étant un Titre 2 … sans que ça sélectionne le paragraphe entier ?

    Bon, quoi qu’il en soit mes articles sont déjà bien plus lisibles !!

     

    #2487821
    theok
    Participant
    Initié WordPress
    11 contributions

    ADDENDUM : je ne crois pas que ce soit possible.

    Par contre, est-il possible d’ajouter une ligne de code permettant de réduire l’interligne entre la ligne du Titre 2 et la ligne de texte classique au-dessus et en dessous dudit titre ?

    #2487829
    ferman
    Modérateur
    Maître WordPress
    7522 contributions

    Bonjour,

    Non, ce n’est pas possible mais pour réduire les espaces avant et après vous pouvez essayer:

    #main h2{
    margin-top:-5px;
    margin-bottom:0px;
    line-height:1
    }

    en ajustant margin-top, botom et line-height

    #2487846
    theok
    Participant
    Initié WordPress
    11 contributions

    décidément tu INCOLLABLE

    ça fonctionne

    merci encore !!

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