Comment changer au hasard la couleur de fond dans WordPress

Récemment, un de nos lecteurs nous a demandé s’il était possible de changer la couleur de fond de manière aléatoire dans WordPress. Les couleurs jouent un rôle important dans la façon dont les utilisateurs voient votre site Web et leur engagement. Dans cet article, nous allons vous montrer comment changer la couleur de fond de manière aléatoire dans WordPress.

Méthode 1: Ajouter une couleur d'arrière-plan aléatoire dans WordPress à l'aide de code

Cette méthode nécessite d'ajouter du code dans vos fichiers WordPress. Essayez cette méthode uniquement si vous êtes à l'aise avec le collage d'extraits de Web dans WordPress..

Vous devez d’abord ajouter ce code au fichier functions.php de votre thème ou à un plugin spécifique au site..

 fonction wpb_bg () $ rand = array ('0', '1', '2', '3', '4', '5', '6', '7', '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 $ couleur;  

Cette fonction génère simplement une valeur de couleur hexadécimale aléatoire et y renvoie.

Maintenant, vous devez éditer le fichier header.php de votre thème. Localisez le slogan, cela ressemblera à ceci:

Remplacez-le par cette ligne:

 > 

Enregistrez vos modifications, puis visitez votre site Web pour voir le code en action..

Méthode 2: Ajouter des bandes de couleurs aléatoires à l'aide de couleurs d'arrière-plan fabuleuses

Cette méthode est plus simple et recommandée aux débutants qui ne souhaitent pas modifier leurs fichiers de thème WordPress..

Tout d’abord, vous devez installer et activer le plugin Fabulous Background Colors. Pour plus de détails, consultez notre guide étape par étape pour installer un plugin WordPress..

Le plug-in fonctionne immédiatement, et vous n'avez aucun paramètre à configurer..

Vous pouvez maintenant visiter votre site Web et vous verrez des rayures colorées comme couleur de fond sur votre site Web. Ces bandes disparaissent et changent de couleur élégamment toutes les 5 secondes.

Méthode 3: Utilisation de CSS pour ajouter des couleurs d'arrière-plan non aléatoires dans WordPress

Presque tous les thèmes WordPress conformes aux normes utilisent body_class () fonction dans la balise body. Cette balise ajoute un certain nombre de classes CSS à la balise body de votre thème. Ces classes CSS générées par WordPress par défaut peuvent être utilisées pour styliser des publications individuelles, des catégories, des balises, etc..

Par exemple, si votre blog a une catégorie appelée photographie, vous pouvez trouver ces classes CSS dans la balise body de la page d'archive des catégories..

Vous pouvez changer la couleur de fond de cette catégorie en ajoutant simplement ce CSS à votre thème WordPress ou en utilisant un plugin css personnalisé.

 body.category-photography couleur de fond: # faebd7;  

De la même manière, vous trouverez également la classe d'ID de poste pour les messages individuels dans la classe de corps. Vous pouvez l'utiliser pour styler différemment chaque publication WordPress.

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

Nous espérons que cet article vous a appris à changer de couleur de fond de manière aléatoire dans WordPress. Vous voudrez peut-être aussi consulter notre guide sur la manière d’ajouter une image d’arrière-plan en plein écran dans WordPress.

Si vous avez aimé cet article, abonnez-vous à nos tutoriels vidéo sur la chaîne YouTube pour WordPress. Vous pouvez aussi nous trouver sur Twitter et Facebook.