Pour cela nous pouvons changer le style CSS du template WordPress. Mais qu'est-ce que le CSS ? Comment pouvez-vous utiliser CSS pour changer l'apparence de votre blog ? Ici, nous vous apprenons.
Pour commencer, commençons par comprendre ce qu'est le CSS. Bref, c'est un feuille avec des lignes de code, qui stylisent les différents éléments HTML qui composent une page Web.
En modifiant les valeurs dans les différentes propriétés et sélecteurs, vous pouvez modifier l'apparence de la page. Nous expliquons brièvement comment créer un en-tête CSS élégant pour votre page Web et comment vous pouvez changer le style CSS de votre modèle dans WordPress.
Comment éditer le CSS dans un template WordPress ?
Il existe plusieurs façons d'éditer du code CSS dans WordPress, mais ici nous allons vous expliquer l'une des plus simples : via l'éditeur dynamique l'application elle-même. Cette fonctionnalité est disponible à partir de la version 4.7 de WordPress. En cliquant simplement sur le menu "Apparence" → "Personnaliser" → "CSS supplémentaire", vous pouvez accéder à une zone d'édition CSS avec de bonnes fonctionnalités.
Mais maintenant, comment savoir quels éléments vous souhaitez personnaliser sur votre page ? Pour cela, nous utiliserons le inspecteur à partir de éléments de votre navigateur. Par exemple, Firefox vous permet de modifier ou de modifier facilement et facilement le texte ou l'élément de votre page Web.
Pour cela, on ouvre la page Web ou le blog WordPress dont on veut changer l'apparence et on se positionne sur l'élément qu'on veut changer, en cliquant avec le bouton droit de la souris, on sélectionne "Inspecter" dans le menu déroulant . Un panneau s'ouvrira dans lequel le code HTML de cet élément est affiché d'une part et les codes CSS qui lui donnent le style d'autre part.
Même dans le même panneau, lorsque vous trouvez les éléments, les étiquettes et les sélecteurs que vous souhaitez personnaliser, vous pouvez essayer modifier les valeurs de propriété vous voulez afin que vous puissiez voir immédiatement à quoi ils ressemblent sur le côté gauche de l'écran. Il ne vous reste plus qu'à réécrire le CSS dans WordPress.
Comment remplacer le code CSS dans WordPress ?
Maintenant que vous connaissez les éléments que vous souhaitez modifier dans le CSS de WordPress, revenez à la publication et ouvrez l'éditeur dynamique. Donc, tapez la balise ou l'élément que vous souhaitez modifier en fonction de ce que vous avez fait précédemment dans l'inspecteur d'éléments du navigateur. Enfin, placez les propriétés que vous souhaitez modifier et entrez de nouvelles valeurs personnalisées. Donnez à votre site web le look que vous préférez !
N'oubliez pas que vous devez suivre la structure du code CSS telle qu'elle apparaît dans l'inspecteur des éléments du navigateur. Un avantage de l'éditeur CSS dynamique de WordPress est qu'il facilite l'édition avec diverses fonctionnalités, telles que la mise en surbrillance du code qui aide à identifier les classes, les balises et les valeurs. De plus, il dispose d'un texte d'auto-complétion intégré et d'un détecteur d'erreur de frappe.
Il existe de nombreuses propriétés que vous pouvez modifier pour donner à votre page un changement de stylePar exemple : vous pouvez modifier l'apparence des titres et sous-titres représentés par les balises H1, H2,… Avec les propriétés : font-size, text - family, color, background, entre autres.
De plus, vous pouvez facilement insérer ou modifier un FAVICON, l'arrière-plan des champs du formulaire, la couleur des boutons et le texte qu'ils contiennent. Il modifie également l'apparence de certains éléments avant une action, tels que : la couleur des éléments de menu lorsque vous les survolez ou cliquez dessus.
Cependant, vous devez attention à changer certaines propriétés appartenant à certains éléments du code CSS. Étant donné que ceux-ci peuvent complètement changer et ruiner la structure de votre site Web. Certaines de ces propriétés sont : largeur, hauteur, remplissage, marge, position, affichage, entre autres. Si vous ne pouvez pas identifier à quel aspect une propriété fait référence, ne la modifiez pas.
Maintenant, personnaliser votre blog ou votre site Web est un jeu d'enfant ! Concevez votre site Web à votre guise et modifiez l'en-tête et le pied de page dans WordPress pour le rendre plus attrayant pour les visiteurs.
BalisesWordPress
