En av våra prenumeranter frågade oss om det var möjligt att slumpmässigt ändra bakgrundsfärgen på WordPress. Bakgrundsfärger spelar en viktig roll för din publik. De kan ändra hur användarna interagerar med din webbplats. I den här handledningen kommer vi att visa dig hur du slumpmässigt ändrar bakgrundsfärgen på din Wordpress blogg.

1-metod: Hur man lägger till slumpmässiga färger manuellt

Denna metod är avsedd för utvecklare. Det kräver att du lägger till en del kod i dina plugins eller teman. Kom ihåg att du visades hur man skapar ett WordPress-plugin.

Allt du behöver göra är att lägga till följande kod i ditt plugin, eller till temat "funktioner.php" -fil.

funktion bpc_bg () {$ rand = array ( '0', '1', '2', '3', '4', '5', '6', '7', '8', '9' 'a', 'b', 'c', 'd', 'e', ​​'f'); $ Färg = '#' $ 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; }

Den här funktionen visar endast de hexadecimala färger som den genererar i förväg.

Du måste därför ändra header.php-filen för ditt tema, där pojketaggen finns som i följande bild:

>

Du måste ersätta den med följande kod:

stil = "bakgrundsfärg: ">>

Spara din fil och uppdatera din sida, du kommer att märka att det blir en färgförändring varje gång.

slumpmässig WordPress-bakgrund

Du har ingen gräns för de färger du kan välja. Det är till och med möjligt att göra samma sak med färger som du har fördefinierat.

Metod 2: hur man ändrar bakgrundsfärgerna med ett plugin

rendering av denna metod är bättre. Eftersom det låter dig visa flera färger samtidigt och dynamiskt. Allt du behöver göra är att installera och aktivera plugin faboulous bakgrundsfärger. Du kan läsa vår guide om installation och aktivering av WordPress-plugins.

animerad bakgrund

Genom att komma åt  din blogg, kommer du att märka att den senare har bakgrundsfärger representerade som ränder som ändras i en gradientövergång.

3-metod: Hur man lägger till en anpassad färg genom att spela med CSS-klasser

Presque tous-lektion WordPress-teman standard använd funktionen " body_class » från WordPress på "body"-taggen. Denna funktion lägger till CSS-klasser genererade av WordPress eller plugins till body-taggen för din blogg. Varje klass varierar beroende på var man befinner sig. Klassen av kategorier kommer därför att skilja sig från den för arkiv eller författare.

Om du till exempel har en blogg med en kategori som heter " fotografi”, Sedan kan du hitta motsvarande klass på bloggarkivssidan.

klassbloggartiklar

Från detta ögonblick kan du använda en specifik stil på den här taggen.

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

På samma sätt kan du tillämpa en specifik kod för en viss kategori

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

Det är ungefär allt som finns att veta. Jag hoppas att den här handledningen låter dig lägga till anpassade klasser på din Wordpress blogg. Dela gärna denna artikel med dina vänner på dina favorit sociala nätverk.