Een van onze abonnees vroeg ons of het mogelijk was om de achtergrondkleur van WordPress willekeurig te wijzigen. Achtergrondkleuren spelen een belangrijke rol voor uw publiek. Ze kunnen de manier veranderen waarop gebruikers met uw website omgaan. In deze zelfstudie laten we u zien hoe u de achtergrondkleur van uw computer willekeurig kunt wijzigen WordPress blog.

1-methode: handmatig willekeurige kleuren toevoegen

Deze methode is bedoeld voor ontwikkelaars. U moet een deel van de code aan uw plug-ins of thema's toevoegen. Onthoud dat je werd getoond hoe u een WordPress-plug-in maakt.

Het enige wat je hoeft te doen is het volgende stukje code toevoegen aan je plug-in, of in het "functions.php" -bestand van je thema.

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

Deze functie geeft alleen de hexadecimale kleuren weer die van tevoren zijn gegenereerd.

U moet daarom het header.php-bestand van uw thema aanpassen, waar de boy-tag zich bevindt, zoals in de volgende afbeelding:

>

U moet het vervangen door de volgende code:

style = "background-color: ">>

Sla je bestand op en ververs je pagina, je zult merken dat er elke keer een kleurverandering is.

U heeft geen limiet aan de kleuren die u kunt kiezen. Het is zelfs mogelijk om hetzelfde te doen met kleuren die u vooraf heeft gedefinieerd.

Methode 2: de achtergrondkleuren wijzigen met een plug-in

de weergave van deze methode is beter. Omdat het u in staat stelt om meerdere kleuren tegelijkertijd en dynamisch weer te geven. Het enige dat u hoeft te doen, is de plug-in installeren en activeren faboulous achtergrondkleuren. U kunt onze gids lezen over het installeren en activeren van WordPress-plug-ins.

Door toegang te krijgen tot  jouw blog, zul je merken dat de laatste achtergrondkleuren heeft die worden weergegeven als strepen die veranderen in een verloopovergang.

3-methode: een aangepaste kleur toevoegen door met CSS-klassen te spelen

bijna alle WordPress-thema's gebruik standaard de functie " body_class » van WordPress op de “body”-tag. Deze functie voegt CSS-klassen toe die zijn gegenereerd door WordPress of plug-ins aan de body-tag van jouw blog. Elke klasse varieert afhankelijk van de locatie waarin men zich bevindt. De klasse van categorieën zal daarom anders zijn dan die van archieven of auteurs.

Als u bijvoorbeeld een blog heeft met de categorie ' fotografie“, Dan kun je de corresponderende klas vinden op de blog archieven pagina.

Vanaf dit moment kunt u een specifieke stijl op deze tag toepassen.

body.category-fotografie {achtergrondkleur: #faebd7; }

Op dezelfde manier kunt u een specifieke code voor een bepaalde categorie toepassen

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

Dat is ongeveer alles wat er te weten valt. Ik hoop dat je met deze tutorial aangepaste lessen kunt toevoegen aan je WordPress blog. Deel dit artikel met je vrienden op je favoriete sociale netwerken.