[Résolu] Modifier son site Internet avec What The File

  • WordPress :5.2
  • Statut : résolu
5 sujets de 1 à 5 (sur un total de 5)
  • Auteur
    Messages
  • #2273717
    Le Solitaire Seul
    Participant
    Initié WordPress
    40 contributions

    Bonjour,

    Ma configuration WP actuelle

    Problème(s) rencontré(s) : Utilisation de What the file

    Bonjour,

    Je cherche désespérément à utiliser What the file pour modifier mon site. J’ai dû louper un truc…

    – Je vais sur mon site : http://pnmmkgm.cluster021.hosting.ovh.net/

    – Je sélectionne la phrase : Écrire ce que je ne saurais pas photographier

    – Je clique droit / Examiner l’élément.

    – Un tableau s”ouvre en bas d’écran avec la phrase en surbrillance.

    – Je clique droit de nouveau et je sélectionne “Modifier comme HTLM”.

    – Je modifie la phrase en ajoutant par exemple <b>…</b>

    – Et… Et pis quoi ? Comment j’enregistre la modification ?

    Je pense que je n’ai rien compris à l’utilisation de What the file…

    En Ftp, je ne trouve pas le fichier pour faire la modification dans ” www/wp content/Silk Lite/ ??

    Comment exploiter What the file pour trouver facilement le fichier à modifier ?

    Merci d’avance pour l’aide.

    Éric

    #2273724
    C_Lucien
    Modérateur
    Maître WordPress
    4250 contributions

    Bonjour,

    si je me réfère à la FAQ de l’extension, on n’utilise pas “Examiner l’élément”, qui est une fonction du navigateur (outils de développement web), mais une option spécifique qui s’installe dans la barre d’outils WordPress.

    In the toolbar you will find the “What The File” option. Hovering this option will display the currently used template file, clicking the template file name will allow you to edit the template file with the WordPress file editor.

    De plus, cette extension vous permet de retrouver le fichier modèle utilisé pour telle ou telle partie de votre site. Elle ne sert pas à modifier le contenu rédactionnel ou le style d’un élément. Pour cette dernière opération, il faut modifier les règles CSS appliquées, soit dans le cadre d’un thème enfant, soit via les CSS additionnels (menu Apparence>Personnaliser).

    Pour l’exemple donné, il faut chercher dans les styles du thème et ajouter une règle pour mettre le texte en gras.

    .site-description-text {
    	z-index: 10;
    	max-width: 100%;
    	display: inline-block;
    	margin: 0;
    	padding: 2px 1.47em 2px 1.5em;
    	background: white;
    	font-weight: bold;
    }
    Style de la description du site

    #2273731
    Le Solitaire Seul
    Participant
    Initié WordPress
    40 contributions

    Bonjour C_Lucien,

    Merci pour votre réponse.

    Je n’ai pas tout compris… Mais c’est un bon début 🙂

    Grâce à votre précision “.site-description-text”

    J’ai trouvé via Rechercher du logiciel TextEdit l’endroit à modifier où j’ai ajouté avec succès les trois lignes suivantes :

    Color : #000000;
    font-size : 16px;
    font-weight: bold;

    Ça, c’est fait.

    Par contre quand je survole What the file dans mon Navigateur, il ne me précise pas Style CSS, mais Index et autres (voir capture d’écran ci-jointe). Donc je ne comprends pas l’usage de cette extension. Sans, vous, je n’aurais jamais trouvé la partie à modifier. Merci.

    Si je comprends bien, sans connaissance en  “codes”, c’est impossible de trouver seul : .site-description-text

    Merci encore, bonne soirée.

     

     

    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #2273756
    C_Lucien
    Modérateur
    Maître WordPress
    4250 contributions

    re,

    sans connaissance en “codes”, c’est impossible de trouver seul : .site-description-text

    je suis bien loin de connaître le “code”. J’ai appris quelques bribes sur le tas, les forums comme celui-ci, des bouquins.

    À force de lire les conseils des autres, j’ai compris comment fouiner dans le volet des Outils de développement de mon navigateur.

    Toujours pour votre exemple, en sélectionnant le slogan du site, j’ai tatonné dans les règles CSS.

    Une mine d’informations https://css.developpez.com/cours/

    #2273810
    Le Solitaire Seul
    Participant
    Initié WordPress
    40 contributions

    Bonjour et merci pour le lien 🙂

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