Hoe achtergrondkleur in WordPress willekeurig te veranderen

Onlangs vroeg een van onze lezers ons of het mogelijk was om achtergrondkleur willekeurig te veranderen in WordPress. Kleuren spelen een belangrijke rol bij de manier waarop gebruikers uw website zien en hoe ze zich engageren. In dit artikel laten we je zien hoe je achtergrondkleur willekeurig kunt veranderen in WordPress.

Methode 1: Willekeurige achtergrondkleur toevoegen in WordPress met behulp van code

Voor deze methode moet u code toevoegen aan uw WordPress-bestanden. Probeer deze methode alleen als u vertrouwd bent met het plakken van fragmenten van internet naar WordPress.

Eerst moet u deze code toevoegen aan het functie.php-bestand van uw thema of een sitespecifieke plug-in.

 functie wpb_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 $ kleur;  

Deze functie genereert eenvoudig een willekeurige hex kleurwaarde en echoot deze.

Nu moet je het header.php-bestand van je thema bewerken. Lokaliseer de tag line, het ziet er als volgt uit:

Vervang het door deze lijn:

 > 

Sla uw wijzigingen op en ga vervolgens naar uw website om de code in actie te zien.

Methode 2: Willekeurige kleurstrepen toevoegen met fantastische achtergrondkleuren

Deze methode is eenvoudiger en wordt aanbevolen voor beginners die hun WordPress-themabestanden niet willen bewerken.

Eerst moet je de Fabulous Background Colors-plug-in installeren en activeren. Raadpleeg onze stapsgewijze handleiding over het installeren van een WordPress-plug-in voor meer informatie.

De plug-in werkt standaard en er zijn geen instellingen die u kunt configureren.

U kunt nu uw website bezoeken en u ziet kleurrijke strepen als achtergrondkleur op uw website. Deze strepen vervagen en veranderen de kleuren elegant na elke 5 seconden.

Methode 3: CSS gebruiken om niet-willekeurige achtergrondkleuren toe te voegen in WordPress

Bijna alle standaard compatibele WordPress-thema's gebruiken body_class () functie in de body-tag. Deze tag voegt een aantal CSS-klassen toe aan de body-tag in uw thema. Deze standaard door WordPress gegenereerde CSS-klassen kunnen worden gebruikt om individuele berichten, categorieën, tags, enz.

Als uw blog bijvoorbeeld een categorie heeft met de naam fotografie, dan kunt u deze CSS-klassen vinden in de body-tag van de categoriearchiefpagina.

Je kunt de achtergrondkleur van die specifieke categorie veranderen door simpelweg deze CSS toe te voegen aan je WordPress-thema of door een aangepaste css-plug-in te gebruiken.

 body.category-photography background-color: # faebd7;  

Op dezelfde manier vindt u ook de post-ID-klasse voor individuele berichten in de bodyklasse. Je kunt het gebruiken om elk WordPress-bericht anders te stylen.

 body.postid-65 background-color: # faebd7;  

We hopen dat dit artikel je heeft geholpen om te leren hoe je achtergrondkleur willekeurig kunt veranderen in WordPress. U kunt ook onze handleiding over het toevoegen van een achtergrondafbeelding op volledig scherm in WordPress bekijken.

Als je dit artikel leuk vond, meld je dan aan voor onze YouTube-video-tutorials over WordPress. U kunt ons ook vinden op Twitter en Facebook.