IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

WordPress PHP Discussion :

Modification couleur d'un thème


Sujet :

WordPress PHP

  1. #1
    Membre averti Avatar de Bégé57
    Homme Profil pro
    Retraité
    Inscrit en
    Juillet 2018
    Messages
    58
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 69
    Localisation : France, Moselle (Lorraine)

    Informations professionnelles :
    Activité : Retraité

    Informations forums :
    Inscription : Juillet 2018
    Messages : 58
    Par défaut Modification couleur d'un thème
    Bonjour à tous,

    j'aime bien le thème "Hueman" pour mon petit site : http://bgbois.fr/

    et je voudrais changer la couleur du fond de l'entête, ce gris ne me plait pas, j'ai fais un peu le tour du thème mais je ne vois pas ou le changer?
    Nom : fond.png
Affichages : 160
Taille : 88,9 Ko

    est-ce que vous auriez une idée?

    merci pour vos conseils

  2. #2
    Membre chevronné Avatar de ma5t3r
    Homme Profil pro
    Développeur freelance
    Inscrit en
    Mai 2015
    Messages
    320
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Var (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Développeur freelance
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Mai 2015
    Messages : 320
    Par défaut
    Salut,
    dans le back-office :
    Apparence / Personnaliser / CSS additionnel

    Ajoute le code CSS suivant :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    #nav-header {background: #ff0000;}

  3. #3
    Membre averti Avatar de Bégé57
    Homme Profil pro
    Retraité
    Inscrit en
    Juillet 2018
    Messages
    58
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 69
    Localisation : France, Moselle (Lorraine)

    Informations professionnelles :
    Activité : Retraité

    Informations forums :
    Inscription : Juillet 2018
    Messages : 58
    Par défaut
    merci,

    j'ai testé ça fonctionne, mais ça ne change pas la ligne ou se trouve le menu,

    et c'est un peu dommage qu'on en puisse pas régler tout ça plus simplement?

  4. #4
    Membre chevronné Avatar de ma5t3r
    Homme Profil pro
    Développeur freelance
    Inscrit en
    Mai 2015
    Messages
    320
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Var (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Développeur freelance
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Mai 2015
    Messages : 320
    Par défaut
    Le menu c'est
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    .nav-wrap {background: #ff0000;}

  5. #5
    Membre chevronné Avatar de ma5t3r
    Homme Profil pro
    Développeur freelance
    Inscrit en
    Mai 2015
    Messages
    320
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Var (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Développeur freelance
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Mai 2015
    Messages : 320
    Par défaut
    et c'est un peu dommage qu'on en puisse pas régler tout ça plus simplement?
    Je ne vois pas ce qu'il y a de compliqué.

    Crée ton propre thème, tu pourras mettre en place les règles graphiques qui te correspondent.

  6. #6
    Membre averti Avatar de Bégé57
    Homme Profil pro
    Retraité
    Inscrit en
    Juillet 2018
    Messages
    58
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 69
    Localisation : France, Moselle (Lorraine)

    Informations professionnelles :
    Activité : Retraité

    Informations forums :
    Inscription : Juillet 2018
    Messages : 58
    Par défaut
    ah oui, pas compliqué pour toi, mais je ne connais pas assez Wordpress,

    par exemple là "nav-wrap" fallait savoir que c'est la bande ou se trouve le menu, comment je peux savoir commet s'appelle la zone du pied de page?

    en tous cas merci pour ton aide

  7. #7
    Membre chevronné Avatar de ma5t3r
    Homme Profil pro
    Développeur freelance
    Inscrit en
    Mai 2015
    Messages
    320
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Var (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Développeur freelance
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Mai 2015
    Messages : 320
    Par défaut
    tu peux le savoir en faisant un clic droit et "Inspecter" sur Chrome par exemple :-)

  8. #8
    Membre averti Avatar de Bégé57
    Homme Profil pro
    Retraité
    Inscrit en
    Juillet 2018
    Messages
    58
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 69
    Localisation : France, Moselle (Lorraine)

    Informations professionnelles :
    Activité : Retraité

    Informations forums :
    Inscription : Juillet 2018
    Messages : 58
    Par défaut
    alors j'ai testé "inspecter", et je vois "footer", mais ça me change la couleur juste au dessus du footer
    et sinon quand je survole le code avec la souris c'est au moment ou l'endroit voulu change de couleur non?

  9. #9
    Invité
    Invité(e)
    Par défaut
    Bonjour,

    1- sans vouloir te vexer, il n'y a que les mauvais artisans qui accusent leurs outils d'être mauvais.
    Toi, tu accuses WordPress, au simple prétexte que tu ne sais pas l'utiliser.

    Tu n'es pas le 1er à utiliser WordPress.
    D'autres sont passés avant toi... ont rencontré les mêmes difficultés... et eu les mêmes questionnements.

    REFLEXE : quand on ne sait pas, on CHERCHE ! "Wordpress modifier CSS"



    2- Quant à l'utilisation de l'"inspecteur" :
    • soit "clic droit" -> "Examiner l'élément"
    • soit au clavier -> touche "F12"

    Voici le mode d'emploi de Firebug (qui a été intégré par défaut à Mozilla par la suite, et sur les autres navigateurs)
    A voir, pour le principe : II-F. Plus d'infos : Style, apparence et DOM
    Le fonctionnement est quasiment le même.

    (selon la configuration) :
    • colonne de droite : le code HTML
    • colonne de gauche: le code CSS appliqué à l'élément pointé (avec la souris)

    Cela permet :
    • de cibler les éléments qu'on veut modifier
    • de voir le code CSS qui lui est déjà appliqué, ainsi que sa syntaxe
    • de savoir quoi modifier


    3- Ensuite, tu peux :
    • dans un 1er temps écrire ton CSS perso en Admin dans "personnaliser" -> "CSS additionnel"
    • dès que tu es satisfait, recopier ce CSS dans le fichier style.css de ton thème-enfant

  10. #10
    Membre averti Avatar de Bégé57
    Homme Profil pro
    Retraité
    Inscrit en
    Juillet 2018
    Messages
    58
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 69
    Localisation : France, Moselle (Lorraine)

    Informations professionnelles :
    Activité : Retraité

    Informations forums :
    Inscription : Juillet 2018
    Messages : 58
    Par défaut
    merci pour les liens, je vais aller voir ça de près,
    Tu dis "Toi, tu accuses WordPress" , je n'accuse rien du tout, je cherche c'est tout, et je dis qu'il y a certains thèmes qui sont plus facilement modifiables et d'autres non mais bon, c'est comme ça.

    tu m'expliques l'inspecteur, mais oui ça je sais qu'il faut cliquer droit et "inspecter", c'est juste quand je pointe un élément avec la souris je ne vois pas dans la colonne css le nom de al partie que je voudrais changer
    désolé de ne plus être aussi performant à 64 ans qu'à 20
    voilà ce que je vois :
    Nom : style.png
Affichages : 142
Taille : 235,4 Ko

    et mettre le css perso dans css additionnel oui c'est ce que je fais

    pour l'instant je ne veux pas apprendre des pages et des pages pour tout savoir sur le css, je veux juste changer la couleur à deux ou trois endroits

  11. #11
    Membre averti Avatar de Bégé57
    Homme Profil pro
    Retraité
    Inscrit en
    Juillet 2018
    Messages
    58
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 69
    Localisation : France, Moselle (Lorraine)

    Informations professionnelles :
    Activité : Retraité

    Informations forums :
    Inscription : Juillet 2018
    Messages : 58
    Par défaut
    c'est bon pour le pied de page, avec ce thème la couleur est paramétrable dans la personnalisation

  12. #12
    Membre averti Avatar de Bégé57
    Homme Profil pro
    Retraité
    Inscrit en
    Juillet 2018
    Messages
    58
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 69
    Localisation : France, Moselle (Lorraine)

    Informations professionnelles :
    Activité : Retraité

    Informations forums :
    Inscription : Juillet 2018
    Messages : 58
    Par défaut personnalisation d'un thème
    Bonjour à tous,


    à force de tester et de faire divers essais dans un thème (Hueman) je ne sais plus comment j'ai fais pour mettre une bordure autour des photos?

    si une âme charitable avait une idée à me donner ou chercher ce serait super!

    voilà le site : http://bgbois.fr/

    merci beaucoup

  13. #13
    Membre chevronné Avatar de ma5t3r
    Homme Profil pro
    Développeur freelance
    Inscrit en
    Mai 2015
    Messages
    320
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Var (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Développeur freelance
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Mai 2015
    Messages : 320
    Par défaut
    Salut
    Apparemment, la bordure vient du lien qui encapsule ton image.
    Tu as dû changer le style de tes balises <a> et on peut même voir que la couleur change sur le :hover

  14. #14
    Invité
    Invité(e)
    Par défaut
    Bonjour,

    1- le "CSS additionnel" ou le fichier style.css (de ton thème-enfant) sont censés ne contenir QUE TES modifications de styles.
    OU, directement "modifiable dans la personnalisation" (->"Apparence").
    Ça ne doit donc pas être si compliqué d'y regarder, si ?

    2- De plus, on t'a expliqué comment utiliser l'"Inspecteur" (F12)
    As-tu déjà oublié ?

    3- Et je pense que tu n'as pas choisi le bon thème, adapté à tes besoins (= montrer essentiellement des PHOTOS)
    Dernière modification par Invité ; 15/04/2020 à 11h10.

  15. #15
    Membre averti Avatar de Bégé57
    Homme Profil pro
    Retraité
    Inscrit en
    Juillet 2018
    Messages
    58
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 69
    Localisation : France, Moselle (Lorraine)

    Informations professionnelles :
    Activité : Retraité

    Informations forums :
    Inscription : Juillet 2018
    Messages : 58
    Par défaut
    Citation Envoyé par ma5t3r Voir le message
    Salut
    Apparemment, la bordure vient du lien qui encapsule ton image.
    Tu as du changé le style de tes balises <a> et on peut même voir que la couleur change sur le :hover
    ah oui ok, je vais aller voir ça, merci


    Citation Envoyé par jreaux62 Voir le message
    Ça ne doit donc pas être si compliqué d'y regarder, si ?

    2- De plus, on t'a expliqué comment utiliser l'"Inspecteur" (F12)
    As-tu déjà oublié ?
    justement oui des problèmes de mémoire exactement, tu ne sais rien de ma vie alors ne me parle pas comme ça s'il te plait,
    des conseil j'en demande et je veux bien merci, mais des leçons je n'en ai pas besoin.

Discussions similaires

  1. Réponses: 1
    Dernier message: 21/04/2008, 15h16
  2. graphique - modification couleurs
    Par ver_for dans le forum IHM
    Réponses: 0
    Dernier message: 08/04/2008, 17h20
  3. modification couleur texte
    Par breton1313 dans le forum Macros et VBA Excel
    Réponses: 10
    Dernier message: 13/03/2008, 22h17
  4. Réponses: 1
    Dernier message: 02/11/2006, 09h25
  5. modification couleur de fond d'un textbox
    Par zeby dans le forum IHM
    Réponses: 3
    Dernier message: 01/02/2006, 18h24

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo