Slik slår du tilfeldig på bakgrunnsfargen i WordPress

Nylig spurte en av våre lesere om det var mulig å endre tilfeldig bakgrunnsfargen i WordPress. Farger spiller en viktig rolle i hvordan brukerne ser nettstedet ditt og hvordan de engasjerer seg. I denne artikkelen vil vi vise deg hvordan du tilfeldigvis endrer bakgrunnsfargen i WordPress.

Metode 1: Legg til tilfeldig bakgrunnsfarge i WordPress ved hjelp av kode

Denne metoden krever at du legger til kode i WordPress-filene dine. Prøv denne metoden bare hvis du er komfortabel med å legge inn bunter fra web til WordPress.

Først må du legge til denne koden i temaets funksjoner.php-fil eller et nettstedspesifikt plugin.

 funksjon wpb_bg () $ rand = array ('0', '1', '2', '3', '4', '5', '6', '7', '8', '9' 'A B C D E F'); $ farge = '#'. $ rand [rand (0,15)]. $ rand [rand (0,15)]. $ rand [rand (0,15)]. .. $ Rand [rand (0,15)] $ rand [rand (0,15)] $ rand [rand (0,15)]; ekko $ farge;  

Denne funksjonen genererer bare en tilfeldig heksefargeverdi og ekko den.

Nå må du redigere temaets header.php-fil. Finn tag linje, det vil se slik ut:

Erstatt den med denne linjen:

 > 

Lagre endringene dine og besøk deretter nettstedet ditt for å se koden i aksjon.

Metode 2: Legg til tilfeldige farge striper ved hjelp av fabelaktige bakgrunnsfarger

Denne metoden er enklere og anbefales for nybegynnere som ikke vil redigere deres WordPress-temafiler.

Først må du installere og aktivere pluginet Fabulous Background Colors. For mer informasjon, se vår trinnvise veiledning om hvordan du installerer et WordPress-plugin.

Pluggen virker ut av boksen, og det er ingen innstillinger for deg å konfigurere.

Du kan nå besøke nettstedet ditt, og du vil se fargerike striper som bakgrunnsfarge på nettstedet ditt. Disse stripene vil falme og bytte farger elegant etter hvert 5 sekund.

Metode 3: Bruke CSS til å legge til ikke-tilfeldige bakgrunnsfarger i WordPress

Nesten alle standard kompatible WordPress-temaer bruker body_class () funksjon i kroppsmerket. Denne taggen legger til en rekke CSS-klasser i kroppsmerket i temaet ditt. Disse standardiserte WordPress-genererte CSS-klassene kan brukes til å utforme individuelle innlegg, kategorier, koder osv.

For eksempel, hvis bloggen din har en kategori kalt fotografering, kan du finne disse CSS-klassene i kroppsmerket til kategorivirkenes side.

Du kan endre bakgrunnsfargen til den aktuelle kategorien ved å ganske enkelt legge til dette CSS-formatet til WordPress-temaet eller ved å bruke tilpasset css-plugin.

 body.category-photography bakgrunnsfarge: # faebd7;  

På samme måte finner du også post-ID-klassen for individuelle innlegg i kroppsklassen. Du kan bruke den til å utforme hvert WordPress-innlegg annerledes.

 body.postid-65 bakgrunnsfarge: # faebd7;  

Vi håper denne artikkelen hjalp deg med å lære å tilfeldig endre bakgrunnsfargen i WordPress. Du vil kanskje også se vår guide om hvordan du legger til et fullskjermbakgrunnsbilde i WordPress.

Hvis du likte denne artikkelen, vennligst abonner på vår YouTube Channel for WordPress-videoopplæringsprogrammer. Du kan også finne oss på Twitter og Facebook.