- Statut : non résolu
- Ce sujet contient 17 réponses, 3 participants et a été mis à jour pour la dernière fois par
, le il y a 12 années et 2 mois.
-
Messages
-
Ma configuration WP actuelle
– Version de WordPress : WP 3.2.1
– Version de PHP/MySQL :PHP 5 et MySQL 5.1
– Thème utilisé : Platform par pageline
– Extensions en place :
– Nom de l’hebergeur : ovh
– Adresse du site : http://www.oliv-prod.frProblème(s) rencontré(s) :
Bonjour,
Je suis un peu newbie en codage css et html, et j’ai l’impression que mon thème a des fonctionnalités qui m’empêchent l’édition de la page « style.css » et l’édition html de mes pages.
En fait, j’ai choisi ce thème car il me permet d’avoir beaucoup d’options sur l’apparence de mon site.
Mais, lorsque je cherche a changer la couleur de fond du site, ou de mettre une couleur de fond sur une zone de texte, sur ma page, rien ne change. Je fais cela a partir du fichier « style.css ».
Soit je ne modifie pas les bonnes choses, soit c’est l’interface qui gère l’apparence du site qui garde le contrôle.
(Je privilégie cela car j’ai quand même pas mal cherché).En fait j’ai aussi l’impression que le thème met mon image de fond au dessus de tous les autres calques colorés.
Exemple, j’ai créé une page : J’ai mis « site en construction » et ai inséré une image.
Lorsque je passe en affichage html pour voir le code, je crée un code pour faire un fond coloré sous le texte, et j’arrive a le visualiser en affichage normal. (en édition sur l’interface wordpress).
Par contre, quand je visualise le tout sur mon site, il n’y a aucune coloration sous mon texte.De même, je saute des ligne pour descendre un peu la mention « site en construction », je le visualise, ceci un aussi validé en langage html, mais sur le site, la mention « site en construction » reste sans effet.
J’arrive pas a trouver la solution sur les forums… quelqu’un pourrait m’aider svp ?
on voyons ton site, il ya des feuille de style qui le gère. A toi de voir qui est la principale, mais c’est pas forcement style.css. il a y a aussi superfish.css, dynamic.css. En final, ça dépend des options du thème que tu as choisi qui seront appliquer sur la page. a+
hein ?? euuhhhhh… pardon j’ai rien compris 😳
Alors, en fait, les seuls fichiers css que j’ai c’est style.css et rtl.css (sur l’interface wordpress)…
J’ai vu que à partir de firebug m’indiquait des lignes de codes a modifier sur dynamic.css mais je ne sais pas où se situe ce fichier…
Les lignes de codes pour le background et les couleur de police se situe sur style.css (je crois hein)..
Salut…
Alors, j’ai cherché un petit peu dans le serveur ftp, et effectivement j’ai trouvé le fichier dynamic.css, sous wpcontent/theme/platform/css .
C’est bizarre que ce fichier ne soit pas affiché sur l’éditeur css de wordpress non ?
Sinon, on a le droit de modifier ce fichier ? désolé çà doit vous paraitre nul comme question, mais je ne sais pas… C’est souvent que les gens doivent éditer ce fichier en dehors de l’interface wordpress ?
Merci à vous…
oliv-prod wrote:Sinon, on a le droit de modifier ce fichier ? désolé çà doit vous paraitre nul comme question, mais je ne sais pas… C’est souvent que les gens doivent éditer ce fichier en dehors de l’interface wordpress ?Merci à vous…
il vaut mieux l’éditer en local et le sauvegarder (copie de style.css).
ensuite tu bidouilles ce que tu veux. en général, on modifie sur un éditeur comme dreamweaver ou autre, car il génère une coloration syntaxique qui aide à l’élaboration des feuilles de style ou à leur modif.Sur l’éditeur wp c’est faisable mais moins lisible.
Auparavant, tu copies et colles ta feuille dans un fichier texte que tu enregistres pour la conserver intacte;
tu bidouilles ce que tu veux et , si tu merdes quelque chose, tu copies colles ta feuille d’origine dans l’éditeur wp, tu enregistres les modif et tu t’ouvres un bière.yes… 🍺
J’étais pas sur… parce que il y a un copyright sur le thème…
Bon sinon, j’ai regardé avec notepad++, il me colorise le texte pour trier les codes, çà aide bien…
J’ai sauvegardé le fichier original, et est trié les codes car c’est bien le bronx. Il y a énormément d’éléments qui ont la même couleur.
Vous pensez qui si j’ai :
#primary-nav ul.sf-menu a:focus, .alt #commentform textarea{background-color:#000000;}Je peux le remplacer par :
#primary-nav ul.sf-menu a:focus{background-color:#000000;}
.alt #commentform textarea{background-color:#000000;} ???ceci afin de pouvoir mettre une couleur différente sur ces deux éléments…
Bon je vais pas tout séparer, seulement les éléments principaux dont j’ai besoin…
Je vais essayer de comprendre un peu le codage…
Pas facile d’être un newbie
tu peux bien modifier ce que tu veux dans le thème à condition de ne pas le supprimer du footer.
sinon change ce qui te plait, ces thèmes sont faits pour qu’on puisse les assortir à sa charte graphique.je te conseille, si tu veux modifier ton thème, d’utiliser firefox avec le plugin firebug, ça te permet, en survolant les la page que tu veux changer, de faire apparaitre les conteneurs ainsi que la classe qui les concerne.
Tu peux également modifier et voir ce que ça donne directement avant de rectifier ta feuille de style.un petit conseil : quand tu modifies ta feuille de style, mets l’ancienne version en commentaire.
exemple :fais ta modif juste en dessous, si un jour tu veux revenir à l’ancienne version, tu n’auras qu’à ôter les commentaires et la ligne créée.
oliv-prod wrote:yes… 🍺Vous pensez qui si j’ai :
#primary-nav ul.sf-menu a:focus, .alt #commentform textarea{background-color:#000000;}Je peux le remplacer par :
#primary-nav ul.sf-menu a:focus{background-color:#000000;}
.alt #commentform textarea{background-color:#000000;} ???oui car la première est la contraction de l’autre. quand 2 id on la même proprieté background-color, il est permis de les lier par une virgule, ce qui évite la répétition.
les séparer serait utile si tu voulais différencier les background.Salut…
Merci beaucoup pour votre aide…
Alors, je n’ai pas trop compris ta suggestion sur la sauvegarde de mes lignes de code dans les commentaires Kayorn, mais ce n’est pas grave, je sauvegarde biens mes pages css avant de les modifier.
Deux choses, sur dynamic.css, j’ai bien réussit a identifier les différentes zones de code qui pilotent mon site, d’autant que les couleurs sont classées exactement dans le même ordre que mon interface sur wordpress (l’interface générée par le thème).
Ensuite, les zones que je sélectionne (zone de texte de la page), firebug m’indique qu’elles sont sur common.css.
Et le début du fichier common css est : html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:r0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}Cette requête, c’est juste pour remettre a 0 tous les éléments pour que le thème prenne la main ? ou alors vous pensez que c’est cela qui fait que l’on ne voit pas mes modifications de couleur sur le thème ou sur dynamic.css.
En fait, pour le choix du thème, c’est au téléchargement que l’on choisit la couleur de fond, ou si le corps de page est transparent. Ensuite, je n’ai plus le choix de réactiver ou non les couleurs du corps de page, etc… Par contre, j’ai bien l’interface pour choisir les couleurs des « boxes ». Moi j’ai choisit le thème transparent à l’installation, afin que l’on puisse voir le fond, comme cela ensuite j’aurais juste a choisir les couleur de fond a ajouter sur les différents cadre (boxes).
Alors çà vient peut être de là. D’où peut être la première ligne de code sur le fichier common.css, mais je n’ai pas assez de connaissances pour savoir si cette ligne de code est normale dans le codage de base d’un fichier common.css.
Vous en pensez quoi ? ah oui désolé pour le pavé de texte hein…
alors,
J’ai cherché un peu, et j’ai ma réponse.
En fait, la ligne de code du fichier common.css, c’est normal.
Je peux bien changer les couleurs, et çà marche, mais seulement quand j’enlève mon image de fond.
Mon image de fond est au premier plan par rapport a mes fond de page, et là, je ne sais pas comment faire pour la faire passer au second plan…Quelqu’un saurait svp ?
Par contre, je viens de faire la mise a jour du thème, et il m’a enlevé mes modifications sur le fichier css.
J’ai peur que si je recharge mon ancien fichier css, cela annule des nouvelles fonctionnalités sur le thème…Comment vous faites d’habitude svp ?
quand on fait une maj, on ne doit jamais y inclure wp-content c’est dans ce répertoire que se trouve ton thème et sa feuille de style ainsi que tout le contenu de ton site (plugins…)
pour ta question, j’avoue que je ne comprends pas ce que tu veux faire.
Ce que je veux faire, c’est comme avec photoshop…
Mon image de fond de site est au premier plan par rapport à la zone de texte principale de la page.
Il me suffirait de mettre l’image de fond au second plan, et l’on verrait enfin la couleur de fond de la zone de de texte de la page.C’est un peu comme deux images superposées, il y en a une au premier plan, et l’autre au second plan.
Ce qui est bizarre c’est que on voit quand même la photo qui est sur ma page et le texte, mais pas la couleur de fond de ma zone de texte.La c’est bizarre…
je vais essayer de te montrer :
Tu vois, je veux ajouter le cadre jaune en transparence (bon çà c en option hein)
Mais surtout !! Mes zones de texte 1 et 2, ou ne serait-ce déjà juste avoir un cadre coloré pour pouvoir écrire mes textes de présentation.
Bon au niveau du rendu, je vais bien sur mettre des bordures etc… les couleurs sont pourries mais c juste une démo faite un 2 minute.
De ce que j’ai vu, il faut utiliser la requête « z-index » pour faire cela, mais je ne suis pas sur de l’endroit ou il faut que je la place (enfin pas encore).
D’après mes fichiers css, il y a aucune consigne « z-index » pour l’image de fond », seulement pour la bannière header et le menu de navigation.
Mais ce qui me surprend c’est que même sans consigne « z-index » sur l’image de fond, le texte et la photo se voient, mais pas la couleur de fond de la zone de texte. C’est bizarre non ?
Sinon, pour les mises a jour j’ai compris ce que tu m’as dit, et je suis en train de créer une page enfant du thème wordpress pour assurer.
D’ailleurs quelqu’un sait si on peut aussi mettre les fichiers dynamic.css dans le répertoire enfant du thème ? vu que je vais surement le modifier…
- Le forum ‘Utilisation spécifique de WordPress’ est fermé à de nouveaux sujets et réponses.