Les partenaires publicitaires:

Modification de la couleur du thème wordpress

Quand vous trouvez enfin la mise en page de WordPress parfait, vous ne devriez pas laisser le régime de la mauvaise couleur vous empêcher de le ramasser. Tant que les couleurs sont définies dans la feuille de style layouts, par opposition à des éléments graphiques, vous serez en mesure de changer le schéma de couleur de votre mise en page. Pour modifier la feuille de style, vous aurez besoin d'avoir une compréhension de base de CSS et de sentir à l'aise la modification d'un document de mise en page vitale.

Instructions

  1. Déterminez ce que vous les couleurs que vous voulez utiliser-copie ou notez le code hexadécimal à six chiffres associée à chaque couleur. Chaque couleur a un code composé de six lettres et / ou les utilisations blancs Numéros #FFFFFF tandis que le noir utilise # 000000. Il existe de nombreux sites dédiés à différentes couleurs et de combinaisons, comme Lovers couleur ou YaflaColor.

  2. Ouvrez votre WordPress tableau de bord et aller à "Apparence", puis "Editor". Cela va vous montrer la liste de tous les modèles et les pages pertinentes à votre site Web.




  3. Sélectionnez «feuille de style (style.css)" en dessous de la "Styles" subhead. En fonction de votre modèle particulier la feuille de style peut avoir un nom différent, mais aura toujours un type de fichier «CSS».

  4. Copiez et collez le contenu entier inchangés du document de feuille de style par défaut. Vous pouvez le faire en cliquant n'importe où dans l'éditeur WordPress et en appuyant sur "Ctrl" et "A" sur votre clavier et puis en appuyant sur "Ctrl" et "C" Ouvrez un document texte vide, collez le contenu de la feuille de style actuel et enregistrer cette copie sur votre ordinateur. Cette copie vous sera utile si vous cassez la feuille de style et de besoin de revenir à la configuration par défaut.

  5. Retour à l'écran de l'éditeur WordPress, et chercher la feuille de style pour le "corps" tag. Il ressemblera à "BODY {" avec une série d'attributs en dessous, suivie d'une "}" signer. La section "body" est l'endroit où vous changez non seulement l'arrière-plan de l'image, mais aussi la couleur du texte.

  6. Localisez le "fond" attribut dans la section "body". Si votre fond est juste une couleur, il sera formaté "background: # 000000-".



  7. Changer le "# 000000" à la couleur que vous souhaitez utiliser pour le nouveau fond. Pour changer la couleur du texte, recherchez la balise "de couleur", formatée "color: # 000000-" et changer le code hexadécimal de la couleur de votre texte préféré. Pour changer la couleur des liens, trouver les balises qui commencent par un «:» comme «a: link {}", "a: visited {}", "a: hover {}" et "a: active {}" et le changement le code hexadécimal.

  8. Trouver le reste des éléments que vous souhaitez modifier. Comment ces éléments sont classés varie considérablement entre le Web designers- un designer peut utiliser des ID pour définir les éléments (tels que "#header {}") tandis qu'un autre peut simplement se référer à des éléments génériques tels que «table {}". Tout élément avec un code hexadécimal de la couleur peut être changed- la meilleure façon d'apprendre est d'expérimenter avec prudence.

  9. Enregistrez votre travail souvent en utilisant le bouton "Mise à jour du fichier" ci-dessous l'éditeur de texte dans WordPress.

Conseils Avertissements

  • Assurez-vous que les couleurs que vous choisissez pour votre site web sont complémentaires et ne sera pas contrainte aux yeux de vos visiteurs.
  • CSS et HTML sont les os de votre site web- un symbole manquante ou mal positionnée seule peut briser la totalité de votre mise en page. Soyez prudent pour seulement éditer les morceaux de votre site, vous sentez changement confortable.
  • Chaque développeur de modèle de WordPress ne leur CSS juste un peu differently- bits tandis que la syntaxe des CSS est universel, il peut être formaté de façon légèrement différente pour votre mise en page particulière.
» » » » Modification de la couleur du thème wordpress