Aide pour changer couleur bouton et texte (Méthode ultime^^)

  • Statut : non résolu
14 sujets de 1 à 14 (sur un total de 14)
  • Auteur
    Messages
  • #558948
    TAMARA123
    Participant
    Padawan WordPress
    87 contributions

    – Version de WordPress : WordPress 4.4.1
    – Thème utilisé : Responsive Free Cymberchimps
    – Nom de l’hebergeur : LWS
    – Adresse du site : Lien concerné en cliquant ici

    Bonjour,

    Je souhaite changer la couleur du bouton “ajouter au panier” et mettre en forme le prix (gras, rouge)
    sur le lien ci-dessus de (toutes) mes pages produits.

    J’ai de légères connaissances en CSS mais le seul hic c’est que je ne sais pas comment trouver la ligne à modifier dans mon style.css, si c’est bien dans ce fichier qu’il faut aller^^

    Donc voilà plus qu’une réponse de votre part, j’aimerai apprendre la méthodologie pour faire ça (histoire que je revienne pas vous embêter pour tous mes boutons… aussi… hihi)

    Voilà à vous les studios!

    PS: J’utilise la fonction “Examiner l’élément” de Firefox (ou de chrome suivant mon humeur^^), qui me dit bien la ligne à modifier, mais voilà ensuite où aller ou comment faire pour la modifier au design que je veux?

    Merci pour une réponse claire et précise, qui j’en doute pas aidera plus d’un wordpressien(enne) 🙂

    #1040922
    lulu2006
    Membre
    Chevalier WordPress
    409 contributions

    Lis ce tuto jusqu’au bout il y a des choses intéressantes dans ces 4 chapitres.
    http://creer-un-site.com/personnaliser-design-theme-wordpress/

    J’utilise Google chrome mais ça n’a pas trop d’importance si tu sais déjà utiliser Firebug c’est pareil.

    #1040923
    lulu2006
    Membre
    Chevalier WordPress
    409 contributions

    Je viens de trouver the plugin, la solution de recherche de code dans notre installation, il se nomme String Locator, je vais m’empresser d’aller remercier son créateur ! Ce plugin sera également rajouter dans mon tutoriel donc.

    Fini les longues minutes passé à chercher un bout de code ! 😆

    #1040924
    Joss47
    Modérateur
    Maître WordPress
    4693 contributions

    Ouai, ça revient au même que de passer par l’inspecteur de code de chrome ou firefox.
    Car au final on veut changer des données et les ajouter à notre child thème… là ça va les modifier sur le thème de base.

    #1040925
    lulu2006
    Membre
    Chevalier WordPress
    409 contributions

    ca permet de recherche une ligne de code facilement et rapidement dans la multitude de fichiers d’un thème au lieu de fouiller via le ftp fichier par fichier. Il faut utiliser ce plugin juste pour la recherche puis ensuitepasser par le ftp évidemment, il faut editer les fichiers avec un éditeurs de fichiers et non passer par l’éditeur du thème c’est risqué.

    Joss47 tu as une solution pour trouver par exemple cette ligne de code : <div class="gtft" dans ton code en moins de 10 seconde. 🙂

    #1040926
    Flobogo
    Modérateur
    Maître WordPress
    15786 contributions

    Bonjour,

    @ Tamara123 : quand vous avez trouver ce qu’il faut modifier, pour finaliser vos modifications, il faut les reporter dans la partie “Custom CSS” (CSS personnalisé) si le thème en dispose.
    Vous pouvez aussi installer le plugin Custom CSS

    Mais ne mettez pas ces modifications dans le fichier style.css du thème, car lors d’une mise à jour du thème, vos modif’ seraient perdues. Dans ce cas, il vaut mieux les reporter dans le fichier style.css d’un [url=]thème-enfant si vous ne voulez pas installer de plugin.

    #1040927
    didier07
    Participant
    Maître WordPress
    1965 contributions
    lulu2006 wrote:
    ca permet de recherche une ligne de code facilement et rapidement dans la multitude de fichiers d’un thème au lieu de fouiller via le ftp fichier par fichier.

    N’importe quel éditeur de texte un peu évolué te permet une recherche dans une arborescence.
    Sinon tu as grep

    #1040928
    TAMARA123
    Participant
    Padawan WordPress
    87 contributions

    Ok merci à tous pour votre aide

    et une spéciale pour LULU2006 pour son excellent site tuto que je garde sous le coude 😉

    Sinon je voulais savoir vu que j’ai avancé dans mon site, est ce qu’il est pas trop tard pour faire un thème enfant ?

    Comment dois-je faire SVP ou un tuto pour débutant please ?

    #1040929
    Flobogo
    Modérateur
    Maître WordPress
    15786 contributions

    Pour créer le thème-enfant, il y a plusieurs méthodes :
    – la super-facile avec le plugin Child Themify ou One click Child Theme (mais qui n’apprend pas à manipuler les fichiers)
    – la méthode classique mais ancienne avec import du style du thème-parent en suivant les explications sur WpChannel et/ou celles du site les-doigts-dans-le-net ou encore celles du Journal du Net
    – la méthode officielle selon le Codex (plus propre mais un peu plus complexe).
    Voir aussi les explications sur wpmarmite ou sur wpformation mises à jour avec les dernières recommandations du Codex.

    (Attention : la création d’un thème-enfant n’est possible que si votre thème Responsive Free Cymberchimps, n’est pas déjà un thème-enfant d’un autre thème)

    Une fois que vous aurez créé et activé le thème-enfant, mettez-y une copie des fichiers que vous avez modifiés.
    Pour le fichier style.css, utilisez Notepad++ (fonction compare) ou un logiciel comme Winmerge pour comparer le contenu de votre sytle.css actuel et celui de votre thème au départ, si vous le re-téléchargiez maintenant.
    Toutes les modif doivent être copiées dans le style.css du thème-enfant

    #1040930
    TAMARA123
    Participant
    Padawan WordPress
    87 contributions

    Salut FLOBOGO

    Je vais fermer ce sujet car il fait doublon avec l’autre sur lequel je viens de t’écrire.

    Juste une dernière question ici:

    Apparemment mon thème enfant est installé et mon site fonctionne correctement, dois je quand même faire les manipulations que tu me dis de faire dans ton dernier paragraphe ci-dessus?

    #1040931
    Flobogo
    Modérateur
    Maître WordPress
    15786 contributions

    Oui, si des fichiers ont été modifiés dans le thème-parent, il faut obligatoirement les remettre dans le thème-enfant :
    – pour le fichier style.css du thème-enfant, il faut juste y mettre les règles qui ont été modifiées (ne pas copier l’intégralité du fichier parent, cela alourdirait le chargement)
    – pour le fichier functions.php du thème-enfant, c’est pareil : il ne faut y mettre que les nouvelles fonctions (mettre celle du functions.php du thème-parent provoque un bug, parce que les fonctions sont appelées 2 fois)
    – tout autre fichier modifié doit être copié dans le thème-enfant (exemple : header.php ou page.php … )

    #1040932
    TAMARA123
    Participant
    Padawan WordPress
    87 contributions

    Ok on y est, et c’est la que ça se corse 🙂

    Donc si tu dis si des fichiers ont été modifiés dans le thème parent il faut les remettre dans l’enfant, ahah… facile pour toi, mais moi, comment je fais pour retrouver ces “fameux” fichiers modifiés?

    Pour le fichier style.css que veux tu dire par “y mettre les règles modifiées”?

    Pareil pour le functions.php

    et enfin pareil pour tous les autres fichiers “modifiés ou copiés” dans le thème enfant, kezako?

    Comment puis-je faire un travail propre sachant que je ne sais pas les fichiers qui ont ou pas été modifiés et que j’ai pas compris ton truc de règles modifiés à placer?

    Je savais que c’était trop facile, avec un simple plugin créer un thème enfant… tssss mon oeil :D

    En tout cas apparemment avec le plugin j’ai un thème enfant donc reste plus que la finition, je compte sur toi pour ne pas m’abandonner en si bon chemin 🙂

    Sinon mon site fonctionne bien comme ça, j’espère ne pas faire de fausse manoeuvre et que ça ira assez vite car mon catalogue produit est vide et n’attends plus que toi^^

    Merci (désolé pour le retard dans les réponses, les vacances des enfants c’est un gros bordel, vivement la rentrée^^)

    #1040933
    TAMARA123
    Participant
    Padawan WordPress
    87 contributions

    (…. Suite du post précédent)

    Oups j’oubliais, depuis la création du thème enfant j’ai de grosses:
    404 — Heureux de vous voir ici !
    à chaque fois que je clique sur mes fiches produits, help 😉

    Lien vers les catégories et ici lien vers une fiche produit

    #1040934
    Flobogo
    Modérateur
    Maître WordPress
    15786 contributions

    Je commence par le post n°2 : les pages en erreur 404 n’ont rien à voir avec le passage en thème-enfant.
    Va dans le menu Régalges > Permaliens, et ré-enregistre en bas de page même sans rien changer, ça devrait résoudre le problème.

    Maintenant, revenons au thème-enfant :

    si des fichiers ont été modifiés dans le thème parent il faut les remettre dans l’enfant, ahah… facile pour toi

    Facile à dire, oui, mais c’est toi qui va faire le boulot. 🙂 Et rassure-toi, il y a 3 ans, j’en étais au même stade que toi, donc ce n’est pas mission impossible.

    La seule condition, c’est de savoir accéder à tes fichiers et dossiers de l’installation WordPress par FTP (avec un logiciel comme Filezilla ou WinScp)
    Voici un tuto pour Filezilla, mais le principe est le même pour WinScp : sur la gauche, l’arborescence de ton ordinateur, sur la droite, celle de ton installation WordPress chez ton hébergeur.
    Celle-ci comporte une quinzaine de fichier et 3 dossiers. Celui qui nous intéresse est wp-content, qui contient lui-même plusieurs sous-dossiers dont themes … et encore dedans, les sous-dossiers de ton thème et du thème-enfant (plus les thèmes par défaut Twenty-xxx)

    Avec Filezilla, tu peux voir les dates de création des fichiers, dans ton thème-parent. La plupart auront la même date, celle du jour où tu as installé le thème.
    Les fichiers qui n’ont pas la même date sont ceux qui ont été modifiés.

    Tu les copies et tu les colles dans le sous-dossier du thème-enfant, sauf style.css et functions.php
    Ceux-là, tu les télécharges sur ton ordinateur (tu les fais glisser de la droite vers la gauche, là où tu veux sur ton ordi) : ça ne les efface pas de l’hébergement, c’est comme une copie.
    Ensuite, tu télécharges le logiciel Winmerge, ou même simplement Notepad++ qui ont chacun une fonction pour comparer deux fichiers. Tu as aussi besoin des fichiers originaux de ton thème Responsive Free Cymberchimps : tu ouvres le fichier style.css original et le fichier style.css que tu as récupéré dans ton espace d’hébergement et tu les compares.
    Tout ce qui est différent doit être copié et collé dans le fichier style.css du thème-enfant (à récupérer aussi par FTP et à ouvrir avec Notepad++)
    Les règles CSS doivent être copiées en entier, sous la forme :

    .class ou balise {
    propriété: valeur;
    }

    Ensuite, même principe avec le fichier functions.php : comparer l’original et celui qui a été modifié, et reporter les modif’ dans le fichier functions.php du thème-enfant, à la suite de ce qui est déjà présent.

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