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 des gens utilisent des widgets de texte dans WordPress pour ajouter une petite introduction sur eux-mêmes, le site Web, ou ils l’utilisent pour ajouter des codes abrégés à l’intérieur des widgets. Les widgets de texte sont généralement très ternes et ennuyeux car ils se fondent avec 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 mettre en évidence dans la barre latérale et de se démarquer de la couleur d’arrière-plan de votre site, afin que vos visiteurs y prêtent plus d’attention.
La première chose que vous devez faire est d’installer et d’activer le Widget de texte coloré brancher. Lors de l’activation, accédez à Apparence » Widgets. Là, vous verrez un widget de texte coloré dans le panneau des widgets disponibles. Faites glisser et déposez le widget de texte coloré dans votre barre latérale (zone de widget).
Les paramètres du widget sont vraiment simples. Vous l’utiliserez comme n’importe quel autre widget de texte. La seule chose supplémentaire que vous devez faire est d’ajouter le style de widget dans la dernière option. Le widget est livré avec quelques styles intégrés de certaines 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 CSS et que vous souhaitez simplement ajouter une couleur personnalisée, il existe un moyen plus simple de le faire. Copiez et collez simplement ce qui suit dans le style.css de votre thème :
//** Replace background-color and border with your own values **// .ctw-custom { background-color: #cccccc; border: 1px solid #1b1b1b; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; -o-border-radius:10px; margin: 0 0 25px; overflow: hidden; padding: 20px; color: #000; }
Maintenant, pour utiliser ce style dans votre widget, utilisez .ctw-custom dans l’option de style de widget du widget de texte coloré. Vous pouvez créer vos propres styles personnalisés. Copiez simplement le css, renommez .ctw-custom en quelque chose d’autre et modifiez les valeurs de couleur d’arrière-plan et de bordure. Nous espérons que cette astuce rapide vous aidera à rendre les widgets de texte plus amusants et plus visibles.