Widget Elementor Advanced Tabs : onglets horizontaux, verticaux et image gratuits
Le widget Advanced Tabs dans Master Addons divise le contenu long en onglets propres et cliquables, et il est gratuit Choisissez un préréglage de bordure active horizontale, verticale ou gauche, ajoutez une icône ou une image à chaque titre d'onglet et choisissez si les onglets basculent en un clic ou en un survol Remplissez chaque onglet avec du texte de l'éditeur ou, avec Master Addons Pro, chargez une section enregistrée, un widget ou un modèle de page. Cela fonctionne bien pour les fonctionnalités du produit, les FAQ, les plans et les guides étape par étape.
Préréglages et dispositions de style multiple
Partez d'un préréglage intégré Horizontal Tabs met les titres d'affilée sur le dessus, Vertical Tabs les aligne sur le côté, et Left Active Border marque l'onglet ouvert avec une bordure colorée Master Addons Pro ajoute un préréglage Tabular Content pour un look en boîte Chaque préréglage n'est qu'un point de départ, vous pouvez donc le restyler pour correspondre à votre marque.
- Dispositions horizontales et verticales : choisissez la direction des onglets qui correspond à votre contenu.
- Préréglages visuels : commencez à partir d'une mise en page conçue au lieu d'un widget vierge.
- Changement facile : passez des onglets horizontaux aux onglets verticaux sans reconstruire le contenu.
Onglet Image et icône dans Elementor
Chaque titre d'onglet peut transporter une icône de la bibliothèque Elementor ou une image de votre propre Définir le type d'icône sur Image, choisir une image de la bibliothèque multimédia, et le titre devient un onglet image Ceci est une option gratuite et fonctionne avec chaque préréglage gratuit.
- Type d'icône par onglet : Aucun, icône ou image.
- Utilisez des images pour les onglets de produits ou de catégories et des icônes pour les listes de fonctionnalités.
- Gardez un style sur une barre d'onglets, car le mélange d'images et d'icônes semble occupé.
Pour le contenu qui s'ouvre sur place au lieu de commuter les panneaux, essayez le Accordéon avancé ou Basculer le contenu (Pro).
Modèles enregistrés à l'intérieur des onglets (Pro)
La version gratuite remplit chaque onglet depuis l'éditeur de texte Avec Master Addons Pro, chaque onglet peut utiliser un Type de Contenu différent : simple Éditeur de Texte, une Section Sauvée, un Widget Sauvé, ou même un Modèle de Page Sauvée entier Cela signifie que vous pouvez placer une table de tarification complexe, un formulaire de contact, une galerie d'images, ou tout autre bloc de contenu pré-conçu dans un onglet C'est comme avoir plusieurs pages dans une, sans l'encombrement.
- Intégration du modèle : Insérez tout modèle d'élémentor enregistré dans un onglet pour des possibilités de conception illimitées.
- Conception cohérente : réutilisez vos sections et widgets existants pour conserver un aspect cohérent.
- Parfait pour les comparaisons : utilisez des onglets pour basculer entre différentes spécifications de produits, plans de prix ou listes de fonctionnalités.
Stylez les onglets et le contenu de manière indépendante
Obtenez un look parfait et poli en coiffant chaque partie des onglets Concevez séparément le conteneur des onglets et la zone Contenu Pour les onglets, contrôlez les états Normal et Actif avec différentes couleurs, arrière-plans, bordures et typographie Ajustez le rembourrage, la marge et la taille de l'icône Pour la zone de contenu, stylisez l'arrière-plan, le rembourrage, les marges et la typographie Ce niveau de contrôle garantit que vos onglets sont intégrés et professionnels.
- Style basé sur l'État : définissez des couleurs, des arrière-plans et des bordures uniques pour les onglets actifs et inactifs.
- Prise en charge des icônes : ajoutez des icônes à vos onglets et contrôlez leur taille et leur position.
- Conception de zone de contenu : stylisez le conteneur de contenu pour qu'il corresponde à l'esthétique de votre site.
Choisissez Comment les onglets répondent aux utilisateurs
Décidez comment les utilisateurs interagissent avec vos onglets Définissez l'effet d'onglet sur Cliquer (traditionnel) ou Survoler (pour une navigation plus rapide).Vous pouvez également définir quel onglet est ouvert par défautCette flexibilité vous permet de créer l'expérience utilisateur exacte que vous souhaitez, que ce soit pour une vitrine de produit rapide ou un guide soigné, étape par étape.
- Cliquez ou Survolez : choisissez le déclencheur qui convient à votre contenu Le survol est la valeur par défaut.
- Onglet Active par défaut : définissez l'onglet ouvert lors du chargement de la page.
Foire aux questions pour les onglets
Puis-je utiliser à la fois des icônes et du texte dans les titres des onglets ?
Oui. Pour chaque onglet, définissez Type d'icône sur Icône ou Image, puis choisissez une icône dans la bibliothèque ou une image dans votre médiathèque Le contrôle Taille de l'icône dans l'onglet Style définit la taille de l'icône.
Comment puis-je donner une belle apparence aux onglets sur mobile ?
Utilisez le mode réactif d'Elementor pour ajuster la typographie, le remplissage et les marges pour la tablette et le téléphone Prévisualisez les onglets verticaux sur un petit écran avant de publier, puisque la colonne de titres prend de la largeur.
Quelle est la différence entre le préréglage « Contenu tabulaire » et les autres ?
Tabular Content est un préréglage Pro. Il donne à la zone de contenu des onglets un arrière-plan, une bordure et un remplissage distincts, ce qui la fait ressembler à une boîte connectée aux onglets C'est un look plus structuré et contenu par rapport aux styles classiques souligné ou border-left.
Puis-je lier un onglet à une URL externe ou à une autre section de la page ?
L'élément Advanced Tabs est conçu pour basculer le contenu dans le widget Pour créer des liens vers des URL externes ou des sections de page, vous pourriez avoir besoin d'une solution différente, comme un menu de navigation ou des liens d'ancrage. Cependant, vous pouvez placer un bouton avec un lien à l'intérieur du contenu de l'onglet.
En quoi est-ce différent du propre widget Tabs d'Elementor ?
Le widget Tabs gratuit d'Elementor vous permet de placer n'importe quels widgets à l'intérieur de chaque onglet et de mettre les titres au-dessus, en dessous ou à côté du contenu Master Addons Advanced Tabs vous offre un déclencheur de survol, des étiquettes d'icônes ou d'images et des préréglages prêts à l'emploi tels que Left Active Border, et vous pouvez ajouter autant de widgets Advanced Tabs à une page que nécessaire Pro ajoute le préréglage du contenu tabulaire et les sections, widgets ou modèles de page enregistrés comme contenu d'onglets.
Comment fonctionne le préréglage « Frontière active gauche » ?
Le préréglage Left Active Border met généralement en évidence l'onglet actif avec une bordure ou un fond coloré sur le côté gauche C'est un look moderne et épuré qui fonctionne bien pour les onglets verticaux ou même horizontaux si vous voulez un indicateur distinctif.
Widgets et extensions d'éléments tendance
Construisez des sites Web sophistiqués en moins de temps.
Glassmorphisme
Extras de conteneurs
Modèles
Duplicateur de messages/pages
