Cascading Style Sheet Webdesignkode inkluderer en gradientindstilling, så du kan tilføje CSS-kun gradientbaggrund til dine WordPress-websteder uden behov for skivede billeder. I WordPress kan du ikke anvende gradienten på body-tagget, som du ville have det med solide baggrunde, men du kan bruge en div-container, der vikles rundt på hele hjemmesiden. Mange temaer bygget på CSS-rammer inkluderer allerede en sådan div, selvom du kan tilføje en, hvis dit tema ikke gør det.

Trin 1

Gå til wp-admin bibliotek på dit websted og log ind på WordPress-dashboardet. Naviger til Udseende og klik på Redaktør link. Klik på linket til header.php under overskriften Skabeloner for at indlæse HTML-filen, der indeholder din websides body-tag.

Trin 2

Kig efter en div med et ID med "container" lige under body-tagget i din header.php-fil. Hvis du ikke finder en, skal du tilføje en. Sådan ser det ud:

Gem filen ved at klikke på den blå ** Opdater fil ** -knap. Hvis du tilføjede en div, skal du indlæse ** footer.php ** i editoren og tilføje **

direkte over ** for at lukke div.

Trin 3

belastning style.css i redaktøren. Tilføj denne kode helt nederst i filen:

container {

baggrundsfarve: # 038394; baggrundsbillede: lineær gradient (top, # 038394, # 00CCCC); baggrundsbillede: -webkit-lineær-gradient (top, # 038394, # 00CCCC); baggrundsbillede: -moz-lineær-gradient (top, # 038394, # 00CCCC); }

Ovenstående kode angiver et fallback for browsere, der ikke understøtter gradienter. Indstilling af "baggrundsbillede" til "lineær gradient" opretter gradientbaggrunden. I det mindste er du nødt til at indstille en retning for gradienten at starte ved og derefter to farver, der falmer ind i hinanden. Tilføj denne kodelinje igen to gange, tilføj webkit- og Mozilla-præfikser til Chrome-, Safari- og Firefox-browsere.

Klik på det blå Opdater fil knappen for at gemme din style.css-fil. Din gradientbaggrund vises nu på hver side på dit WordPress-websted.