Les partenaires publicitaires:

Comment faire un fond dégradé wordpress

Parce que Cascading Style Sheet ou CSS, le code comprend des gradients, vous pouvez ajouter des fonds de gradient CSS uniquement à vos sites Web sans avoir besoin d'images découpées. Dans Wordpress, vous pouvez ajouter des fonds de gradient de CSS à votre fichier style.css. Vous ne pouvez pas appliquer le gradient de la balise body comme vous le faites pour des milieux solides, mais vous pouvez utiliser un div qui entoure l'ensemble du site. De nombreux thèmes construits sur les cadres CSS incluent déjà une telle div, mais vous pouvez en ajouter une si votre thème ne fait pas.

Instructions

  1. Allez dans le répertoire "wp-admin" de votre site Web et vous connecter à la planche de bord Wordpress. Accédez à "Apparence" et cliquez sur le lien "Editeur". Cliquez sur le lien "header.php" sous les "Modèles" rubrique pour charger le fichier HTML contenant la balise le corps de votre site Web.

  2. Cherchez une div avec un ID de "conteneur" directement en dessous de la balise body dans votre fichier "header.php". Si vous ne trouvez pas un, en ajouter une. Voici à quoi il devrait ressembler à:




    Enregistrez le fichier en cliquant sur le bouton bleu «Mise à jour du fichier". Si vous avez ajouté un div, charge "footer.php" dans l'éditeur et ajouter "

    "Directement au-dessus""Pour fermer la div.

  3. Chargez "style.css" dans l'éditeur. Ajoutez ce code au fond même du fichier:

    récipient {

    background-color: # 038394;

    background-image: linear-gradient (top, # 038394, # 00CCCC);

    background-image: -webkit-linear-gradient (top, # 038394, # 00CCCC);



    background-image: -moz-linear-gradient (top, # 038394, # 00CCCC);

    }

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

  4. Cliquez sur le bouton bleu «Mise à jour du fichier" pour enregistrer votre fichier "style.css". Votre fond dégradé apparaît maintenant sur chaque page de votre site Wordpress.

Conseils Avertissements

  • Réglez toutes les marges à zéro pour votre "conteneur" div si vous voyez un espace blanc autour de votre dégradé.
» » » » Comment faire un fond dégradé wordpress