Divi: Det bästa WordPress-temat hela tiden!

mer 901.000-nedladdningar, Divi är det mest populära WordPress-temat i världen. Den är komplett, lätt att använda och levereras med mer än 62 gratis mallar.

En av våra prenumeranter frågade oss om det var möjligt att ändra färgen på WordPress-bakgrunden slumpmässigt. Bakgrundsfärger spelar en viktig roll i din publik. De kan ändra hur användare interagerar med din webbplats. i den här handledningen visar vi 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:

Skapa enkelt din webbplats med Elementor

Elementor låter dig skapa Enkelt och gratis vilken webb- eller bloggdesign som helst med ett professionellt utseende. Sluta betala mycket för en webbplats du kan göra själv.

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

När du öppnar din blogg kommer du att märka att den har bakgrundsfärger representerade som ränder som förändras i en gradientövergång.

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

Nästan alla standard WordPress-teman använder funktionen " body_class WordPress på "body" -taggen. Den här funktionen lägger till CSS-klasser som genereras av WordPress eller plugins på body-taggen på din blogg. Varje klass varierar beroende på var du befinner dig. Kategorikategorin kommer därför att skilja sig från arkiv eller författares klass.

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 handlar om allt du behöver veta. Hoppas att den här guiden låter dig lägga till anpassade klasser till din WordPress-blogg. Dela gärna den här artikeln med dina vänner på dina favoritnätverk.

2 aktier
del2
tweet
Enregistrer