Comment faire des widgets de texte plus colorés et moins ennuyeux dans WordPress

Les widgets de texte vous permettent d'ajouter des informations supplémentaires à la barre latérale de votre blog ou à toute autre zone de widget. La plupart du temps, les gens utilisent des widgets de texte dans WordPress pour ajouter une petite introduction sur eux-mêmes, le site Web, ou pour ajouter des codes courts à l'intérieur des widgets. Les widgets de texte ont généralement un aspect très ennuyeux et ennuyeux, car ils se fondent dans l’autre élément de la barre latérale. Dans cet article rapide, nous allons vous montrer comment rendre les widgets de texte plus colorés et intéressants. L'objectif est de les rendre visibles dans la barre latérale, afin que vos visiteurs y prêtent plus d'attention..

La première chose à faire est d’installer et d’activer le plugin Colorful Text Widget. Lors de l'activation, allez à Apparence »Widgets. Là, vous verrez un widget texte coloré dans le panneau des widgets disponibles. Glissez-déposez un widget texte coloré dans votre barre latérale (zone du widget).

Les paramètres du widget sont très simples. Vous l'utiliseriez comme n'importe quel autre widget texte. La seule chose supplémentaire à faire est d’ajouter le style de widget dans la dernière option. Le widget est livré avec quelques styles intégrés de couleurs de base. Copiez le style de couleur que vous souhaitez utiliser et collez-le. Vous pouvez également créer vos styles dans le fichier style.css de votre thème..

Si vous ne connaissez pas les CSS et souhaitez simplement ajouter une couleur personnalisée, il existe un moyen plus simple de le faire. Il suffit de copier et coller ce qui suit dans le style.css de votre thème:

 // ** Remplace la couleur d'arrière-plan et la bordure par vos propres valeurs ** // .ctw-custom background-color: #cccccc; bordure: 1px solide # 1b1b1b; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px; marge: 0 0 25 px; débordement caché; rembourrage: 20px; couleur: # 000;  

Maintenant, pour utiliser ce style dans votre widget, utilisez .ctw-custom dans l'option de style de widget du widget Texte coloré. Vous pouvez créer plusieurs styles personnalisés. Copiez simplement le fichier css, renommez .ctw-custom en quelque chose d’autre et modifiez les valeurs de couleur de fond et de bordure. Nous espérons que cette astuce vous aidera à rendre les widgets de texte plus amusants et plus visibles..