Continuez vous à lister tous vos contenus sous étiquettes spécifiques pour aider les visiteurs à trouver ce qu’ils veulent ? Pourquoi ne pas en améliorer l’aspect en ajoutant un peu de style à vos balises ? Par défaut, les balises WordPress sont vraiment ennuyeuses et n’affichent que le nom de la balise sans options de conception, mais n’ayez crainte, avec un peu de codage, vous pouvez les changer en styles de balises uniques.

N’oubliez pas que la seule chose que vous changez est l’apparence des balises que vos visiteurs verront. Cela n’aura aucun avantage en termes de référencement. Il s’agit d’être esthétiquement agréable pour vos visiteurs. Aujourd’hui, je vais vous montrer comment styliser les balises dans WordPress en utilisant du code CSS.

Que sont les étiquettes et pourquoi les styliser

Les tags sont une forme de taxonomie que WordPress utilise pour vous aider à organiser votre contenu pour les visiteurs. Elles sont étroitement liées aux catégories et sous-catégories et l’utilisation des deux sur votre site web est une excellente idée et vous aidera à établir une hiérarchie de contenu facile à comprendre. Rester organisé aide vos visiteurs, mais cela aide aussi les moteurs de recherche et votre site web. En suivant les balises qui sont les plus populaires, vous pouvez répertorier plus de contenu sous cette balise pour obtenir plus de vues. Les moteurs de recherche aiment l’organisation et cela vous aidera à obtenir plus de trafic sur le web grâce à des moteurs de recherche comme Google et Bing.

Maintenant, vous en saviez probablement déjà un peu et vous vous demandez pourquoi exactement vous devez donner du style à vos étiquettes. La réponse est assez simple, vous voulez faire un site web qui soit beau. L’utilisation des options de conception par défaut n’est vraiment acceptable qu’au début et doit être modifiée le plus rapidement possible. Un site web qui fonctionne parfaitement peut être complètement ignoré s’il a l’air d’avoir été conçu par un amateur. De nos jours, l’apparence est tout aussi importante que la fonctionnalité.

En relation  Le moyen le plus simple de corriger une erreur 403 forbidden dans WordPress

Comment styliser les balises WordPress

Aujourd’hui, je vais démontrer comment styliser les balises dans WordPress en utilisant le code CSS. Aucun plugin n’est nécessaire pour cela et tout se fait par codage. Bien sûr, vous n’aurez pas besoin d’écrire de code, un simple copier-coller suffira amplement. Sachez qu’il existe de nombreux styles de balises que vous pouvez créer et que vous pouvez engager des personnes pour les écrire si vous n’êtes pas vous-même un codeur compétent. N’oubliez pas que vous devez avoir créé des balises sur votre site web pour que ces codes aient un effet réel.

Avant de commencer, assurez-vous que vous avez accès au cPanel que votre hébergeur vous fournira. Vous devrez également répéter ce processus si vous changez le thème de votre site web. En effet, le code est placé dans le fichier functions.php du thème. Vous devez également prendre le temps de sauvegarder votre site web au cas où vous feriez une erreur et endommageriez votre site web.

Pour commencer, rendez-vous au cPanel pour votre site web. Une fois que vous êtes connecté, cliquez sur l’option Gestionnaire de fichiers.

Vous devez maintenant localiser vos dossiers de thèmes. Cliquez sur le répertoire public_html. C’est là que tous vos fichiers WordPress doivent être stockés. Cliquez sur le dossier wp-content. Cliquez sur le dossier themes. Cliquez sur le dossier du thème que vous utilisez actuellement. Faites un clic droit sur le fichier functions.php et sélectionnez l’option d’édition. N’oubliez pas que vous devez créer une sauvegarde avant de modifier le code. Cela peut vous protéger contre de simples erreurs que vous pourriez commettre.

En relation  Comment insérer le code PHP dans les messages et pages WordPress

De nombreuses options s’offrent à vous, mais l’une des premières consiste à montrer aux visiteurs à quel point vos balises sont peuplées. Par exemple, si vous avez une balise appelée CHAT avec cinq éléments de contenu, vous verrez la balise CHAT avec un 5 à côté. Pour commencer, il vous suffit de copier et de coller le code suivant :

function tag_counter() {

$tagcounter = get_tags() ;

foreach ($tagcounter as $tag) {

$string .= ‘span class=””tagbox””a class=””taglink”” href=””‘.” get_tag_link($tag-=”””term_id) .'”‘. $tag-name . ‘/aspan class=””tagcount””‘. $tag-count . ‘/span/span’ . “n” ;

return $string ;

add_shortcode(‘tagcounter’, ‘tag_counter’ ) ;

Ce code ne fera qu’ajouter la fonction compteur, mais n’affichera pas ou ne modifiera pas l’aspect de vos étiquettes. C’est là que certaines recherches sur Google peuvent vraiment s’avérer utiles. Il existe de nombreuses options de conception différentes, mais vous devez passer un certain temps à les rechercher.

N’hésitez pas à modifier la taille des pixels (px) à la valeur de votre choix et vous pouvez également changer les couleurs pour mieux correspondre à votre choix de thème. N’oubliez pas que vous pouvez enregistrer votre travail et visualiser les modifications sur votre site web, puis les modifier si elles ne correspondent pas à ce que vous imaginiez, mais vous devez ajouter le raccourci [tagcounter]. Il existe déjà de nombreux shortcodes créés que vous pouvez modifier sur Internet, mais assurez-vous qu’ils correspondent au thème de votre site web.

Une dernière chose que vous pouvez faire est d’ajouter ceci dans un widget comme l’exemple ci-dessous :

Maintenant, allez à la page en direct et vous pouvez la voir en action.

En relation  Comment créer un site de coupons avec WordPress

Comme vous pouvez le voir, j’ai celui qui se trouve dans le post, un widget identique dans la barre latérale, et celui que vous pouvez utiliser avec le Tag Cloud Widget (qui ne nécessite aucun code).

Félicitations, vous avez réussi à ajouter un style à vos tags. Comme vous pouvez le constater, le style des balises WordPress est très simple, mais vous devez comprendre le code de base, à moins que vous ne choisissiez l’option “widgets simples”. Cependant, il n’y a pas de choix de couleur en utilisant le widget. Vous pouvez changer les valeurs à l’intérieur du code à tout moment, mais n’oubliez pas de sauvegarder votre travail pour l’appliquer.

Donnez de l’allure à chaque partie de votre site web

La plupart des débutants se concentreront sur l’aspect de la page d’accueil et des zones d’affichage, ce qui est très bien, mais gardez à l’esprit qu’il n’y a aucune raison que tout ne soit pas parfait, n’est-ce pas ? Les tags peuvent sembler ne pas avoir besoin de plus de piment et cela dépend entièrement de vous, mais il n’y a pas beaucoup de mal à faire cette tentative.

N’oubliez pas qu’il s’agit d’un thème spécifique et que parfois les balises sont affichées différemment dans certains thèmes. Si c’est le cas, recherchez les forums qui s’y rapportent ou contactez le support du thème pour obtenir les informations qui vous manquent peut-être. Il existe de nombreuses options.

Quel type de schéma de couleurs avez-vous choisi d’utiliser ? Préférez-vous cette méthode à l’utilisation du Tag Cloud Widget ? Avez-vous eu des problèmes avec le thème que vous utilisez ?