En af vores abonnenter spurgte os, om det var muligt at ændre baggrundsfarven på WordPress tilfældigt. Baggrundsfarver spiller en vigtig rolle for dit publikum. De kan ændre den måde, brugerne interagerer med dit websted på. I denne tutorial viser vi dig, hvordan du tilfældigt ændrer baggrundsfarven på din WordPress blog.

1-metode: Sådan tilføjes tilfældige farver manuelt

Denne metode er beregnet til udviklere. Det kræver, at du tilføjer en del kode i dine plugins eller temaer. Husk du blev vist hvordan man opretter et WordPress-plugin.

Alt hvad du skal gøre er at tilføje følgende stykke kode til dit plugin eller til dit temas "functions.php" -fil.

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

Denne funktion viser kun de hexadecimale farver, som den genererer på forhånd.

Du bliver derfor nødt til at ændre header.php-filen for dit tema, hvor drengemærket er placeret som i følgende billede:

>

Du skal erstatte det med følgende kode:

style = "baggrundsfarve: ">>

Gem din fil og opdater din side, du vil bemærke, at der er en farveændring hver gang.

Du har ingen begrænsning for de farver, du kan vælge. Det er endda muligt at gøre det samme med farver, som du har foruddefineret.

Metode 2: Sådan ændres baggrundsfarverne med et plugin

gengivelsen af ​​denne metode er bedre. Fordi det giver dig mulighed for at vise flere farver på samme tid og dynamisk. Alt du skal gøre er at installere og aktivere pluginet faboulous baggrundsfarver. Du kan læse vores vejledning om installation og aktivering af WordPress-plugins.

Ved at tilgå  din blog, vil du bemærke, at sidstnævnte har baggrundsfarver repræsenteret som striber, der ændres i en gradientovergang.

3-metode: Sådan tilføjes en brugerdefineret farve ved at spille med CSS-klasser

Presque tous lektion WordPress-temaer standard brug funktionen " body_class » fra WordPress på "body"-tagget. Denne funktion tilføjer CSS-klasser genereret af WordPress eller plugins til body-tagget af din blog. Hver klasse varierer afhængigt af det sted, man er på. Klassen af ​​kategorier vil derfor være forskellig fra arkivernes eller forfatternes.

For eksempel, hvis du har en blog med en kategori kaldet " fotografering“, Så kan du finde den tilsvarende klasse på blogarkivssiden.

Fra dette øjeblik kan du anvende en bestemt stil på dette tag.

body.category-photography {baggrundsfarve: #faebd7; }

Tilsvarende kan du anvende en bestemt kode for en bestemt kategori

body.postid-65 {baggrundsfarve: #faebd7; }

Det er omtrent alt, der er at vide. Jeg håber, at denne tutorial vil give dig mulighed for at tilføje brugerdefinerede klasser på din WordPress blog. Del denne artikel med dine venner på dine foretrukne sociale netværk.