Minimisez l’encombrement du site et améliorez l’engagement avec des onglets pour WordPress

Tout ce que vous pouvez faire pour rationaliser votre site est une bonne chose. Après tout, moins les visiteurs du site de travail doivent faire pour obtenir les informations qu’ils souhaitent, mieux c’est. Cependant, cela peut être un défi si votre site, par sa nature même, doit contenir beaucoup d’informations. Le résultat final de ces sites implique généralement ceux avec de très longues pages que presque personne ne fera défiler tout le long et ceux avec une tonne de pages qui, de même, presque personne ne cliquera.


Alors, quelle est l’alternative à une très longue page ou trop de pages? Pourquoi, des onglets bien sûr! Et ne vous inquiétez pas – vous n’avez pas besoin d’être un génie du codage pour obtenir des onglets sur votre site. Il existe de nombreux plugins qui permettent cette fonction. J’ai rassemblé quelques-uns des meilleurs pour vous aider à ajouter du contenu à onglets à votre site WordPress rapidement et facilement.

Onglets de l’interface utilisateur de publication

Onglets de l'interface utilisateur de publication

Publier des onglets d’interface utilisateur facilite l’ajout d’onglets jQuery dans votre contenu, qu’il s’agisse de publications, de pages ou d’autres types de publication. Tout ce que vous avez à faire est d’insérer des shortcodes dans l’éditeur et vous activerez les onglets.

Le plugin comprend 24 thèmes d’interface utilisateur différents pour faciliter la correspondance avec votre thème existant. Ou, si vous avez les côtelettes, créez une feuille de style personnalisée pour améliorer l’apparence et la convivialité.

Une fois le plugin installé, il vous suffit de cliquer sur le bouton TinyMCE approprié dans l’éditeur de publication pour insérer le shortcode approprié. Selon la liste officielle des répertoires WordPress pour les onglets de l’interface utilisateur, vous pouvez également insérer des onglets en utilisant directement les codes de fonction suivants:

[tab name = ”Votre nom d’onglet 1 ″] Le contenu de votre onglet [/ tab]
[tab name = “Your tab name 2 ″] Le contenu de votre onglet [/ tab]
[tab name = ”Votre nom d’onglet 3 ″] Le contenu de votre onglet [/ tab]
[end_tabset]

N’hésitez pas à insérer du HTML dans ces onglets. Il doit être géré sans problème et vous finirez par voir votre contenu affiché comme il le serait n’importe où ailleurs sur votre site uniquement, comme vous l’avez peut-être deviné, il est contenu dans un onglet.

Onglets réactifs faciles

Onglets réactifs faciles

Un autre plugin que vous devriez absolument vérifier si vous souhaitez ajouter des onglets à votre site est Onglets réactifs faciles. Non seulement il est compatible avec bootstrap 3.0, mais il ajoute également des boutons TinyMCE à l’éditeur visuel, ce qui rend super simple l’insertion d’onglets réactifs en un seul clic.

Une fois que vous avez cliqué sur ce bouton, un panneau de paramètres s’ouvre qui vous permet de sélectionner la couleur pour plusieurs aspects différents des onglets, y compris les en-têtes, les onglets actifs, le survol, l’arrière-plan, etc. Vous pouvez également définir des onglets pour apparaître en haut ou en bas. Ce plugin est un véritable favori en raison de la facilité de configuration et de fonctionnement immédiat.

Onglets réactifs tabby

Onglets réactifs tabby

Si la réactivité est l’une de vos principales préoccupations, Onglets réactifs tabby est une bonne option pour vous. Tout simplement, ce plugin vous permet d’insérer des onglets réactifs dans les publications et les pages en utilisant des shortcodes. Il prend en charge plusieurs ensembles d’onglets sur une simple page ou publication et utilise jQuery pour créer les onglets et l’effet accordéon sur des écrans plus petits. Vous pouvez également accéder aux onglets avec votre clavier.

Pour insérer des tabulations, il vous suffit d’insérer deux shortcodes: [tabby] et [tabbyending]. Plus précisément, vous utiliseriez [tabby title = “tabname”] pour définir le nom de l’onglet. Ensuite, vous écrivez le contenu qui devrait être inclus dans cet onglet, y compris le code HTML que vous souhaitez. Vous pouvez insérer plus d’onglets si vous le souhaitez. Ensuite, pour terminer cet ensemble d’onglets, utilisez le code abrégé [tabbyending] pour fermer le groupe d’onglets.

Maintenant, si vous souhaitez apporter des modifications de style à ces onglets, vous devrez creuser un peu plus dans le code. Selon la page de répertoire WordPress du plug-in, vous devez copier la feuille de style du plug-in dans un thème enfant et apporter des modifications au style d’onglet ou au style d’accordéon comme bon vous semble..

Widgets dans les onglets

Parfois, vos besoins dans les onglets individuels sont un peu plus complexes. Pour ces cas, il y a le Widgets dans les onglets brancher. Il vous permet de placer les widgets que vous souhaitez, le tout dans des onglets pour économiser de l’espace et créer une expérience plus organisée sur votre site Web. Il a une multitude d’utilisations.

Par exemple, vous pouvez choisir d’utiliser des onglets pour afficher les widgets Messages récents et Commentaires récents. Vous pouvez ajouter des catégories pour compléter l’affichage de l’onglet. Ou vous pouvez créer un groupe d’onglets dédiés aux widgets de médias sociaux intégrés tels que Facebook Like Box, flux Twitter, Google+, tableau d’affichage Pinterest, etc..

Une chose que j’aime vraiment à propos des widgets dans les onglets, c’est qu’il n’inclut pas ses propres styles, ce qui lui permet d’être stylisé par votre thème. Les onglets se fondent parfaitement dans votre site et semblent appartenir.

Les titres des onglets peuvent également défiler, ce qui est une bonne alternative à l’approche empilée traditionnelle. Il existe également des options d’animation pour les transitions entre les widgets, et vous pouvez définir combien de secondes il faudra attendre pour passer d’un onglet à l’autre.

Comme avec tous les autres plugins d’onglet répertoriés ici, il est facilement insérable grâce au code court [avec].

WP UI – Tabs, Accordéon, Sliders

WP UI

Le dernier plugin dont je vais parler ici est WP UI – Tabs, Accordions, Sliders. Ce plugin facilite non seulement l’intégration d’onglets dans les publications et les pages, mais permet également l’intégration simple d’autres styles de mise en forme tels que les accordéons, les curseurs et les boîtes de dialogue. Le plugin est alimenté par jQuery et vous pouvez utiliser plus d’un thème d’interface utilisateur jQuery sur chaque page, si vous le souhaitez.

Il est livré avec une page d’options facile à utiliser qui rend la configuration et l’utilisation simples. Il ajoute également des menus et des boîtes de dialogue dédiés pour une navigation plus simple. Comme tous les plugins ci-dessus, celui-ci s’appuie principalement sur des shortcodes pour une implémentation rapide. Le shortcode [onglets wp] peut être facilement amélioré avec l’argument style, qui peut être modifié d’environ 24 façons différentes comme «wpui-blue» pour donner aux onglets un aspect plus cohérent avec votre thème.

Le vrai point fort de ce plugin pour moi, cependant, est la possibilité d’afficher les publications et les flux dans des onglets ou des accordéons. Le shortcode est [wptabposts] et il vous permet d’afficher les articles dans une série d’onglets. Ou, si vous souhaitez afficher un flux dans une page ou un article, utilisez simplement le shortcode [wpuifeeds]. Selon la liste des répertoires WordPress pour WP UI, vous pouvez utiliser [wpspoiler post = “3028”] pour afficher une seule publication dans ce format spécialisé.

Shortcode court

Onglets minimaux des shortcodes symple

Bien sûr, si vous avez juste besoin d’onglets de base, assurez-vous de considérer le plugin WordPress Symple Shortcodes fabriqué à la main ici à WPExplorer. Le plugin comprend de beaux onglets minimaux que vous pouvez utiliser sur n’importe quelle page de votre site, ainsi que de nombreuses autres fonctionnalités d’organisation de contenu. Ajoutez des colonnes, des bascules, des accordéons et de nombreux autres accents (boutons, icônes sociales, etc.).


Bien que cela puisse sembler compliqué au premier abord, le processus d’ajout d’onglets à votre site est en fait assez simple. Les plugins ci-dessus en font un jeu d’enfant et le résultat final est à la fois attrayant et fonctionnel. Ils valent la peine d’être vérifiés, à mon avis. Les visiteurs de votre site ont accès à autant d’informations que vous en avez besoin sans avoir à encombrer la conception globale. C’est une solution rapide pour les sites avec beaucoup de ressources et de contenu.

Utilisez-vous des onglets sur votre site? Qu’en est-il de l’un de ces plugins, en particulier? Si oui, ont-ils travaillé pour vous? Avez-vous trouvé une autre façon d’incorporer des onglets à votre site? Je serais ravi d’entendre votre expérience avec cette astuce organisationnelle astucieuse dans les commentaires!

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map