Feuille de style en cascade Le code de conception Web comprend une option de dégradé, vous pouvez donc ajouter des arrière-plans dégradés uniquement CSS à vos sites Web WordPress sans avoir besoin d'images découpées. Dans WordPress, vous ne pouvez pas appliquer le dégradé à la balise body comme vous le feriez pour les arrière-plans unis, mais vous pouvez utiliser un conteneur div qui entoure l'ensemble du site Web. De nombreux thèmes construits sur des frameworks CSS incluent déjà un tel div, bien que vous puissiez en ajouter un si votre thème ne le fait pas.

Étape 1

Allez au wp-admin répertoire de votre site Web et connectez-vous au tableau de bord WordPress. Aller vers Apparence et cliquez sur le Éditeur relier. Cliquez sur le lien pour en-tête.php sous la rubrique Modèles pour charger le fichier HTML contenant la balise body de votre site Web.

Étape 2

Recherchez un div avec un ID de "conteneur" directement sous la balise body dans votre fichier header.php. Si vous n'en trouvez pas, ajoutez-en un. Voici à quoi cela devrait ressembler :

Enregistrez le fichier en cliquant sur le bouton bleu **Mettre à jour le fichier**. Si vous avez ajouté un div, chargez **footer.php** dans l'éditeur et ajoutez **

juste au dessus ** pour fermer la div.

Étape 3

Charge style.css dans l'éditeur. Ajoutez ce code tout en bas du fichier :

récipient {

couleur d'arrière-plan : #038394 ; image d'arrière-plan : gradient linéaire (en haut, #038394, #00CCCC); image d'arrière-plan : -webkit-linear-gradient(top, #038394, #00CCCC); image d'arrière-plan : -moz-linear-gradient(top, #038394, #00CCCC); }

Le code ci-dessus définit une solution de secours pour les navigateurs qui ne prennent pas en charge les dégradés. Le réglage de "background-image" sur "linear-gradient" crée le fond dégradé. Au moins, vous devez définir une direction pour le début du dégradé, puis deux couleurs qui se fondent l'une dans l'autre. Ajoutez à nouveau cette ligne de code deux fois, en ajoutant les préfixes Webkit et Mozilla pour les navigateurs Chrome, Safari et Firefox.

Cliquez sur le bleu Fichier de mise à jour bouton pour enregistrer votre fichier style.css. Votre arrière-plan dégradé apparaît désormais sur chaque page de votre site WordPress.