Hur slumpmässigt ändra bakgrundsfärg i WordPress

Nyligen frågade en av våra läsare om det var möjligt att slumpmässigt ändra bakgrundsfärg i WordPress. Färger spelar en viktig roll i hur användarna ser din webbplats och hur de engagerar sig. I den här artikeln visar vi hur du slumpmässigt byter bakgrundsfärg i WordPress.

Metod 1: Lägg till slumpmässig bakgrundsfärg i WordPress med kod

Denna metod kräver att du lägger till kod i dina WordPress-filer. Prova bara den här metoden om du är bekväm med att klistra in snippar från webben till WordPress.

Först måste du lägga till den här koden i ditt temas funktioner.php-fil eller ett sajtspecifikt plugin.

 funktion wpb_bg () $ rand = array ('0', '1', '2', '3', '4', '5', '6', '7', '8', '9' 'a', 'b', 'c', 'd', 'e', ​​'f'); $ rand [rand (0,15)]. $ rand [rand (0,15)]. $ rand [rand (0,15)]. .. $ Rand [rand (0,15)] $ rand [rand (0,15)] $ rand [rand (0,15)]; echo $ color;  

Denna funktion genererar helt enkelt ett slumpmässigt hex-färgvärde och ekar det.

Nu behöver du redigera tematets header.php-fil. Leta reda på tagglinje kommer det att se ut så här:

Byt ut den med den här raden:

 > 

Spara dina ändringar och besök sedan din webbplats för att se koden i aktion.

Metod 2: Lägg till slumpmässiga färgband med hjälp av fantastiska bakgrundsfärger

Denna metod är enklare och rekommenderas för nybörjare som inte vill redigera deras WordPress-temafiler.

Först måste du installera och aktivera plugin för Fabulous Background Colors. För mer information, se vår steg för steg guide om hur du installerar ett WordPress-plugin.

Pluggen fungerar ur lådan, och det finns inga inställningar för dig att konfigurera.

Du kan nu besöka din webbplats, och du kommer se färgglada ränder som bakgrundsfärg på din webbplats. Dessa ränder kommer att blekna och byta färger elegant efter varje 5 sekund.

Metod 3: Använda CSS för att lägga till icke slumpmässiga bakgrundsfärger i WordPress

Nästan alla standardkompatibla WordPress-teman använder body_class () funktion i kropps taggen. Den här taggen lägger till ett antal CSS-klasser till kroppslagsgruppen i ditt tema. Dessa standardiserade WordPress-genererade CSS-klasser kan användas för att utforma enskilda inlägg, kategorier, taggar etc..

Om din blogg exempelvis har en kategori som kallas fotografi, kan du hitta dessa CSS-klasser i kroppsnamnet på kategorins arkivsida.

Du kan ändra bakgrundsfärg för den aktuella kategorin genom att helt enkelt lägga till den här CSS i ditt WordPress-tema eller genom att använda anpassat css-plugin.

 body.category-photography bakgrundsfärg: # faebd7;  

På samma sätt hittar du också post-ID-klassen för enskilda inlägg i kroppsklassen. Du kan använda den för att ställa in varje WordPress-post på olika sätt.

 body.postid-65 bakgrundsfärg: # faebd7;  

Vi hoppas att den här artikeln hjälper dig att lära dig hur man slumpmässigt ändrar bakgrundsfärgen i WordPress. Du kanske också vill se vår guide om hur du lägger till en helskärmsbildsbild i WordPress.

Om du gillade den här artikeln kan du prenumerera på vår YouTube-kanal för WordPress-videoinstruktioner. Du kan också hitta oss på Twitter och Facebook.