Comment utiliser facilement un style CSS particulier

  • WordPress :5.2
  • Statut : non résolu
7 sujets de 1 à 7 (sur un total de 7)
  • Auteur
    Messages
  • #2262705
    pled
    Participant
    Initié WordPress
    4 contributions

    Bonjour,

    Ma configuration WP actuelle

    • Version de PHP/MySQL : 7.2.17 / 5.0.12
    • Thème utilisé : FourteenPress
    • Extensions en place : qques unes mais pas trop !
    • Nom de l’hébergeur :  One.com
    • Adresse du site : pled.fr

    Problème(s) rencontré(s) : J’ai défini dans mon fichier style.css un style pour les chemins de fichiers dans mes articles :

    cheminfichier {background-color: #f7f7f9;border: 1px solid #e1e1e8;color: #a4a4a4;padding: 2px 4px;}

    Ça fonctionne bien tant que je n’utilise pas l’éditeur WYSIWYG, qui ne le reconnaît pas et le supprime systématiquement. J’avais déjà ce problème avant la version 5, mais en sauvegardant en mode html, ça passait, je pouvais taper à la main

    <cheminfichier>/home/toto</cheminfichier>

    par exemple.

    Là, avec la v5 et Gutenberg, ça se complique j’ai l’impression, et j’aimerais bien résoudre ce problème proprement et définitivement.

    Alors quelle est la bonne manière de faire pour pouvoir définir et utiliser facilement un style personnel ? Faut-il utiliser un plugin ? et si ou, en conseillez-vous un en particulier ?

    Merci de vos réponses.

    #2262707
    PhiLyon
    Modérateur
    Maître WordPress
    23527 contributions

    Bonjour.

    Qu’appelles-tu chemin de fichier ?

    🙂

    #2262711
    pled
    Participant
    Initié WordPress
    4 contributions

    C’est un “path” en anglais, un chemin d’accès : dans mes articles je veux différencier visuellement ce qui correspond à l’arborescence pour accéder à un répertoire donné. Comme indiqué dans la question “/home/toto” ou encore “C:\users\toto” par exemple. Visuellement, ça donne ça :

    https://www.zupimages.net/up/19/21/d5e8.png

     

    #2262714
    PhiLyon
    Modérateur
    Maître WordPress
    23527 contributions

    Essaies cette extension https://wordpress.org/plugins/enlighter/

    Sinon tu peux transformer ton bloc en bloc html.

    🙂

    #2264113
    pled
    Participant
    Initié WordPress
    4 contributions

    Merci, mais ce n’est pas vraiment ce que je cherche (le plugin fait du “stabilo”)… Et puis moins j’ai de plugins, mieux je me porte.
    Je peux faire un bloc html effectivement, c’est sans doute la solution la plus simple.

    En fait, je ne comprends pas que l’éditeur wysiwyg de wordpress “rejette” un style que j’ai défini dans le fichier “style.css”. Car c’est bien lui qui pose problème. J’ai aussi testé en ajoutant le style dans la rubrique “Personnaliser – CSS additionel”, mais c’est toujours la même chose.

    J’espérais qu’avec la v5 et le nouvel éditeur ce serait réglé… En fait c’est pire ! 🙁

    #2264388
    Flobogo
    Modérateur
    Maître WordPress
    15770 contributions

    Bonjour,

    Gutenberg est conçu pour faciliter la vie de ceux qui ne maîtrisent pas le HTML. Donc, il propose une gestion par “bloc”, au minimum sur une phrase. Il n’y a pas de gestion plus fine, par blocs … sauf avec un “bloc HTML”.

    Comme ça, vous mettez juste en HTML la phrase dont vous avez besoin pour votre “chemin d’accès” avec son CSS spécifique. Et le reste, vous pouvez le gérer avec d’autres blocs, sans avoir à passer tout le texte en HTML.

    #2264438
    pled
    Participant
    Initié WordPress
    4 contributions

    Ah merci pour l’explication ! Vu sous cet angle, je comprends mieux cette histoire de blocs dont je me demandais l’utilité. En voilà une, et qui devrait résoudre mon problème…

    Merci encore.

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