Ajustement des arrière-plans de sites WordPress à l'aide de CSS -

Une Feuille de style en cascade (CSS) est une feuille de style qui contrôle l'apparence du contenu. un modèle de site Web. Chaque thème WordPress que vous utilisez sur votre site utilise un CSS qui apporte style et style à vos modèles. La modification du contenu par défaut de l'arrière-plan de votre site Web s'effectue en modifiant les composants de base du corps du modèle que vous utilisez.

1Au tableau de bord WordPress, choisissez AppearanceEditor pour ouvrir Modifier les thèmes.

Après avoir sélectionné le thème que vous souhaitez utiliser, la feuille de style correspondante s'ouvre en mode édition.

2 Faites défiler l'éditeur de texte jusqu'à ce que vous trouviez l'indicateur 'body'.

Dans la feuille de style, l'arrière-plan du corps est défini par un code couleur hexadécimal tel que:

body {background: # f1f1f1;}

Attention. Enregistrez une copie originale de la feuille de style dans un programme de texte, tel que Bloc-notes (Windows) ou TextMate (Mac), si nécessaire, vous pouvez trouver le CSS original et le copier et le coller dans votre feuille de style.

3Changez la valeur de la propriété d'arrière-plan à l'aide des codes hexadécimaux.

Apportez les modifications suivantes:

body {background: # 000000;}

Cela changera la couleur d'arrière-plan du gris clair au noir. Le site W3Schools a une excellente ressource sur les codes hexadécimaux.

4Changez la valeur de la propriété d'arrière-plan sans codes hexadécimaux.

Dans le cas de certaines couleurs de base, vous n'avez pas besoin d'utiliser le code hexadécimal couleur. Pour les couleurs comme le blanc, le noir, le rouge, le bleu et l'argent, vous pouvez simplement utiliser le nom de la couleur à la place du code hexadécimal …

5Changez la propriété d'arrière-plan pour utiliser une image.

Vous pouvez facilement utiliser une image comme arrière-plan pour votre site en téléchargeant l'image dans votre répertoire de thème et en utilisant l'URL de la photo dans la commande d'arrière-plan. L'instruction de valeur ressemblerait à:

body {arrière-plan: url (images / yourimage.jpg)}

6Mettre à jour le thème et revoir les modifications.

Cliquez sur le bouton du fichier de mise à jour situé en bas de la page. Vos modifications sont enregistrées et appliquées au thème sélectionné. Ouvrez une nouvelle session de navigation, visitez votre site et passez en revue vos modifications.