WordPress comporte de nombreux ajouts qui renforcent la flexibilité de la création de contenu. Qu’il s’agisse de typographie ou de graphisme, vous pouvez ajouter des plugins qui accentuent vos messages et vos pages assez facilement. En fait, vous pouvez ajouter des onglets à WordPress pour donner à votre contenu un aspect plus interactif tout en mettant en valeur des informations spécifiques.

Les onglets sont utilisés assez souvent, notamment dans le commerce électronique. Lorsque vous voyez un site qui sépare les informations sur un produit sur la même page, il s’agit généralement d’onglets. En gros, vous augmentez la quantité de texte qui peut être affichée dans un seul message ou une seule page tout en gardant un espace de visualisation relativement petit.

Dans ce tutoriel, je vais vous montrer comment ajouter du contenu par onglets dans WordPress. C’est une procédure simple qui offre de nombreuses possibilités, quel que soit le type de site web que vous créez.

Que pouvez-vous faire avec le contenu des onglets ?

L’utilisation d’onglets vous permet d’ajouter plus de détails à un sujet dans un espace plus restreint. Vous le voyez souvent dans les endroits qui proposent des descriptions de produits, des détails techniques et des commentaires d’utilisateurs dans une seule section. L’utilisateur peut cliquer dans n’importe quelle zone de contenu pour en savoir plus sur l’onglet intitulé.

Si vous essayez de condenser un grand nombre d’informations dans un espace aussi réduit que possible, les onglets sont très utiles. Par exemple, disons que vous avez cinq paragraphes sur votre site et que vous voulez réduire la longueur visuelle de la page web. Vous pourriez placer chacun de ces cinq paragraphes dans leur propre onglet et raccourcir considérablement la longueur de la page. En d’autres termes, tant qu’il est logique de placer le contenu dans les onglets.

Des éléments à onglets peuvent également être utilisés pour afficher les membres du personnel. Comme la plupart des onglets peuvent contenir des images, chacun d’entre eux peut contenir une photo et des informations sur les personnes travaillant sur des projets spécifiques ou au sein de l’entreprise.

En relation  Comment modifier les paramètres de l'onglet Firefox

Lorsque vous ajoutez des onglets à WordPress, vous ouvrez de nombreuses possibilités pour améliorer la présentation de votre contenu. Et c’est en améliorant l’attrait visuel de votre site que se forment les fans et les adeptes.

Comment ajouter facilement des onglets dans WordPress

Étape 1 : Installer les onglets réactifs Tabby

Le plugin Tabby Responsive Tabs est un excellent choix pour ajouter des onglets à WordPress. Il vous permet d’ajouter un ensemble d’onglets horizontaux sur n’importe quel message ou page. En fait, vous pouvez même ajouter plusieurs séries d’onglets sur la même page ou le même message.

Tout ce que fait le plugin se fait par l’utilisation de simples shortcodes. Par conséquent, l’utilisation du plugin consiste à copier et à coller ces raccourcis, ce qui signifie que n’importe qui peut l’utiliser efficacement.

Commençons par cliquer sur Plugins et sélectionner l’option Add New dans le panneau d’administration de gauche.

Recherchez les onglets réactifs dans la zone de recherche disponible. Vous obtiendrez ainsi des plugins supplémentaires qui pourraient vous être utiles.

Faites défiler vers le bas jusqu’à ce que vous trouviez le plugin Tabby Responsive Tabs et cliquez sur le bouton “Installer maintenant” et activez le plugin pour l’utiliser.

Étape 2 : Les codes courts de base

Contrairement à la plupart des plugins, il n’y a pas de paramètres à configurer du tout. Au lieu de cela, le plugin est entièrement basé sur les shortcodes que vous utilisez. Je vais donc passer en revue ce que chacun d’entre eux fait.

Heureusement, les shortcodes sont très faciles à utiliser et se contentent d’utiliser deux mises en page de base.

La première est :

Ce shortcode est simple, la seule modification que vous devez faire est de changer “tabname” pour le nom des onglets que vous voulez ajouter. Par exemple, si vous voulez un onglet nommé “Finances”, c’est ce que vous devez taper.

Vous pouvez l’ajouter autant de fois que vous le souhaitez pour créer plusieurs onglets. Ainsi, si vous vouliez quatre onglets, vous utiliseriez ce raccourci 4 fois.

En relation  Comment activer une image dynamique à la une dans WordPress

Voici un exemple de ce à quoi ressemblent les onglets multiples :

Remarquez dans l’exemple qu’entre l’onglet 1 et l’onglet 2, il y a du texte normal. Tout texte qui se trouve entre les deux codes courts est le texte qui se trouve dans l’onglet.

Bien qu’il n’y ait pas de limite au nombre d’onglets que vous pouvez ajouter, ce n’est pas une bonne politique que d’en ajouter beaucoup.

Pour terminer la création d’un onglet, vous devez maintenant ajouter le deuxième raccourci à la fin du dernier morceau de texte. Il est le suivant :

Cela mettra fin à la série actuelle d’onglets. Sans cet ajout, les onglets n’apparaîtront pas sur le message ou la page. Au lieu de cela, vous verrez simplement un tas de texte désagréable à regarder.

Voici les résultats finaux :

Ce sont les shortcodes de base que vous utiliserez pour créer des onglets dans WordPress, il y en a quelques autres plus avancés que je passerai en revue dans la prochaine étape.

Étape 3 : Les codes courts avancés

Si vous cherchez d’autres options de personnalisation, voici les shortcodes que vous utiliserez. Si les shortcodes de base conviennent à de nombreux sites web, certains en voudront peut-être un peu plus.

Par exemple, par défaut, seuls les onglets de gauche seront ouverts lorsque vous cliquez sur une page. Vous pouvez remédier à ce problème en modifiant le raccourci du titre de l’onglet comme suit :

La partie “ouverte” garantira que, quelle que soit la position dans laquelle vous les ajoutez, elle sera ouverte lorsqu’un visiteur entrera dans une page. Ceci est utile si vous prévoyez d’utiliser les mêmes onglets sur plusieurs pages.

Vous pouvez également agrémenter vos onglets en ajoutant des icônes d’onglet. Le raccourci pour ce faire est le suivant :

Toutefois, il est important de garder à l’esprit que la mise en œuvre de ce système nécessite un certain travail. Le plugin utilise l’élément icône pour ce faire, vous devez donc modifier votre thème pour activer cette fonctionnalité.

Enfin, vous pouvez également choisir l’onglet ouvert via l’URL. Il suffit d’ajouter “?target=tabname” à la fin de l’URL et de personnaliser le nom de l’onglet. C’est idéal pour les liens internes et le partage.

Autres plugins d’onglet à prendre en compte

Les onglets sont une caractéristique assez courante des sites web. Ils peuvent être extrêmement polyvalents lorsqu’il s’agit de fournir des informations dans un espace limité. Le plus difficile est de choisir un plugin de tabulation qui correspond à votre esthétique ou à vos idées de mise en page pour le site.

En relation  Comment ajouter des balises de titre pour les images dans WordPress

Voici quelques autres plugins que j’ai trouvés et qui méritent peut-être d’être pris en considération.

Codes courts ultimes

Shortcodes Ultimate est un plugin incroyablement utile à faire installer. Parmi les plus de 50 éléments de shortcodes qu’il ajoute à WordPress, se trouve un bon créateur d’onglets. Bien qu’il n’ait pas les options de personnalisation que les autres plugins, c’est un système simple et facile à utiliser.

Onglets

Tabs est un plugin amusant car il permet aux utilisateurs d’entrer des images dans le contenu des onglets. Ce système est peut-être un peu plus facile à utiliser car il est livré avec son propre constructeur. En fin de compte, il suffit d’un seul raccourci pour afficher les onglets dans un message ou une page. En quelques clics de souris, vous pouvez contrôler diverses fonctionnalités telles que les couleurs et l’alignement.

Onglets de produits personnalisés pour WooCommerce

Je me suis dit que je devrais ajouter des onglets de produits personnalisés pour WooCommerce car beaucoup d’entre vous utiliseront leur site web pour gagner de l’argent en vendant des marchandises. Il s’agit d’un ajout au populaire plugin “WooCommerce”. Son éditeur de texte est capable de gérer de nombreux éléments tels que les images et le HTML, tout comme l’éditeur de texte standard de WordPress. C’est un excellent moyen d’ajouter plus de détails sur les produits que vous vendez.

Ajouter plus à votre contenu

L’ajout d’onglets à WordPress n’est qu’une petite partie de ce que vous pouvez faire pour améliorer votre contenu. Le système est rempli de plugins qui peuvent offrir une couche d’interaction tout en améliorant l’engagement. Il suffit d’un peu de patience pour parcourir les milliers de titres et de capacités afin de trouver ce qui convient le mieux à votre site.

Quels types d’ajouts de contenu avez-vous utilisés par le passé ? Quel est votre plugin préféré pour le développement de contenu dans WordPress ?