Comment faire pour modifier Headliner Couleurs

June 19

Headliner est un thème à trois colonnes de largeur fixe développé par WordPress pour la Annuaire Articles plateforme de blogs. Il est livré avec de nombreuses fonctionnalités qui peuvent rendre votre blog WordPress ressemble à un magazine professionnel en ligne, tels que les vignettes postales automatiques, intégrés dans les zones de publicité et un cadre de l'histoire présenté sur la première page. Vous pouvez même intégrer des vidéos YouTube et afficher votre flux Twitter à droite dans la barre latérale. Si vous souhaitez personnaliser vos Headliner couleurs de thème, vous pouvez le faire en modifiant "style.css" le dossier du thème.

Instructions

1 Connectez-vous à votre tableau de bord WordPress en tapant votre nom de domaine, suivi de "/ wp-admin /," dans la barre d'adresse de votre navigateur Web. Appuyez sur Entrée."

2 Tapez votre nom d'utilisateur et mot de passe dans les champs de texte affiché, puis cliquez sur "Connexion".

3 Cliquez sur le lien "Editor" dans le menu "Apparence" sur le côté gauche de la page du tableau de bord WordPress.

4 Cliquez sur pour sélectionner "Stylesheet (style.css)" dans la liste des pages thématiques sur le côté droit de la page.

5 Recherchez l'élément de thème pour lequel vous voulez changer la couleur. Chaque élément de thème, comme la barre de navigation et les titres de poste, a une déclaration de style CSS qui commence généralement avec le nom de l'élément de thème, comme "#navigation {" ou ".headline de #midcontent {." Dans les lignes de code qui créent la déclaration de style CSS, vous trouverez la «couleur» ou «background-color» propriété CSS, suivi de deux points, une valeur de couleur hexadécimal et un point-virgule. Cette valeur de couleur hexadécimale contrôle la couleur de l'élément de thème. Par exemple, l'élément "#navigation" a un "background-color" propriété est définie sur "# 000000", qui est la valeur de couleur hexadécimale pour le noir. L'ensemble de la ligne de code CSS qui contrôle la couleur d'arrière-plan pour l'élément "#navigation" est affiché comme "background-color: # 000000 ;."

6 Mettez en surbrillance la valeur de couleur hexadécimale de l'élément de thème que vous voulez changer, puis supprimez-le. Par exemple, mettre en évidence le "# 000000" texte dans le "background-color: # 000000;" ligne de texte dans le "#navigation" déclaration de CSS.

7 Appuyez sur "Supprimer" ou "Backspace" pour supprimer la valeur de couleur hexadécimale.

8 Tapez une nouvelle valeur de couleur hexadécimale. Par exemple, pour changer la couleur de l'élément "#navigation" au rouge, le type de fond "# FF0000". La ligne de code dans notre exemple devrait maintenant être affiché comme "background-color: # FF0000 ;."

9 Répétez les étapes 5, 6, 7 et 8 pour modifier les valeurs de couleur hexadécimaux pour les éléments supplémentaires à thème Headliner dans le document "style.css". Le "background-color" propriété contrôle généralement les couleurs des éléments de mise en page comme conteneurs DIV, tandis que la "couleur" propriété contrôle la couleur du texte.

dix Cliquez sur le bouton "fichier de mise à jour" au bas de la page pour enregistrer vos modifications.


          

Post a comment: