Cascading Style Sheet Webbdesignkoden innehåller ett lutningsalternativ, så att du kan lägga till CSS-endast lutningsbakgrunder till dina WordPress-webbplatser utan att behöva skivade bilder. I WordPress kan du inte tillämpa övertoningen på body-taggen på samma sätt som för solida bakgrunder, men du kan använda en div-behållare som sveper runt hela webbplatsen. Många teman byggda på CSS-ramar innehåller redan en sådan div, men du kan lägga till en om ditt tema inte gör det.

Steg 1

Gå till wp-admin katalog på din webbplats och logga in på WordPress-instrumentpanelen. Navigera till Utseende och klicka på Redaktör länk. Klicka på länken till header.php under rubriken Mallar för att ladda HTML-filen som innehåller din webbplats body-tagg.

Steg 2

Leta efter en div med ett ID för "container" direkt under body-taggen i din header.php-fil. Om du inte hittar en, lägg till en. Så här ska det se ut:

Spara filen genom att klicka på den blå knappen ** Uppdatera fil **. Om du har lagt till en div, ladda ** footer.php ** i redigeraren och lägg till **

direkt ovanför ** för att stänga div.

Steg 3

Ladda style.css i redaktören. Lägg till den här koden längst ner i filen:

behållare {

bakgrundsfärg: # 038394; bakgrundsbild: linjär gradient (topp, # 038394, # 00CCCC); bakgrundsbild: -webkit-linjär-gradient (topp, # 038394, # 00CCCC); bakgrundsbild: -moz-linjär-gradient (topp, # 038394, # 00CCCC); }

Ovanstående kod anger en reserv för webbläsare som inte stöder övertoningar. Om du ställer in "bakgrundsbild" på "linjär gradient" skapas toningsbakgrunden. Du måste åtminstone ange en riktning för att lutningen ska börja vid och sedan två färger som bleknar in i varandra. Lägg till den kodraden igen två gånger och lägg till prefixen Webkit och Mozilla för webbläsarna Chrome, Safari och Firefox.

Klicka på det blå Uppdatera fil knappen för att spara din style.css-fil. Din tonad bakgrund visas nu på varje sida på din WordPress-webbplats.