- Statut : non résolu
- Ce sujet contient 13 réponses, 5 participants et a été mis à jour pour la dernière fois par
Flobogo, le il y a 9 années et 2 mois.
-
AuteurMessages
-
27 janvier 2016 à 0 h 38 min #558948
– 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 iciBonjour,
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) 🙂
27 janvier 2016 à 8 h 39 min #1040922Lis 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.
27 janvier 2016 à 9 h 00 min #1040923Je 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 ! 😆
27 janvier 2016 à 10 h 34 min #1040924Ouai, ç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.27 janvier 2016 à 10 h 50 min #1040925ca 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. 🙂
27 janvier 2016 à 18 h 29 min #1040926Bonjour,
@ 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 CSSMais 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.
27 janvier 2016 à 21 h 00 min #1040927lulu2006 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 grep4 février 2016 à 1 h 35 min #1040928Ok 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 ?
4 février 2016 à 19 h 44 min #1040929Pour 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-enfant12 février 2016 à 2 h 18 min #1040930Salut 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?
12 février 2016 à 18 h 56 min #1040931Oui, 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 … )17 février 2016 à 1 h 05 min #1040932Ok 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
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^^)
17 février 2016 à 1 h 18 min #1040933(…. 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
17 février 2016 à 13 h 34 min #1040934Je 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.
-
AuteurMessages
- Vous devez être connecté pour répondre à ce sujet.