Comment ajouter un accordéon dans Gutenberg

Lors de la numérisation d’une page WordPress, faire défiler une longue liste de détails est ennuyeux ! C’est là que les Accordions aident, c’est un moyen fantastique d’organiser et d’afficher des informations sur votre site WordPress. 

Cet article de blog vous guidera à travers un processus simple d’ajout d’accordéons à vos articles et pages WordPress à l’aide de l’éditeur Gutenberg. À la fin, vous serez un pro dans la création de présentations de contenu claires et concises !

Commençons!

Objectif de l'ajout d'accordéons aux pages Web

La flexibilité que nous obtenons des dossiers extensibles des bureaux, les accordéons sur les sites Web agissent exactement de la même manière que ces dossiers. Vous pouvez créer des sections pliables, parfaites pour les FAQ, les détails supplémentaires ou tout ce qui s'y rapporte. Ils aident à désencombrer la page en masquant les informations supplémentaires jusqu'à ce que vous cliquiez sur un titre spécifique. 

Ainsi, avec les accordéons, vous disposerez de pages WordPress propres à numériser facilement au premier coup d’œil. C'est comme avoir un menu secret de données que vous pouvez explorer quand vous le souhaitez !

Utile 👉 Comment créer un site Web d'une page avec Gutenberg

Comment ajouter un accordéon dans Gutenberg

La solution sans tracas pour ajouter de l’accordéon dans WordPress consiste à utiliser un bon plugin. Nous pouvons nommer un tel plugin digne de confiance – GutenKit.

GutenKit est conçu pour améliorer les fonctionnalités de l'éditeur de blocs Gutenberg dans WordPress. Il ajoute essentiellement des fonctionnalités que l’on trouve généralement dans les créateurs de pages par glisser-déposer, le tout dans l’interface familière de Gutenberg.

Les fonctionnalités attrayantes de GutenKit sont –

• Collection de plus de 50 blocs
• Plus de 500 modèles et modèles prédéfinis
• Constructeur de méga menus
• Effet parallaxe
• Édition complète du site
• Conteneur souple
• Défilement d'une page et bien d'autres

Bloc accordéon par GutenKit

GutenKit propose un Bloc accordéon avancé. Le bloc est disponible dans le Option LIBREMIUM. Il est bien présenté et facile à comprendre.

Cependant, le plugin propose également un Accordéon à images bloc. Si vous avez besoin de concevoir une image en accordéon économisant de l'espace et garantissant plus d'engagement, vous pouvez choisir ce bloc.

Étapes pour ajouter le bloc accordéon WordPress Gutenberg :

Voyons maintenant comment ajouter facilement l'accordéon dans Gutenberg 👇

ÉTAPE 1 : Installation de GutenKit

Téléchargez le plugin depuis org. 👇

Ou recherchez-le depuis votre tableau de bord WordPress. Si vous souhaitez profiter des fonctionnalités premium, obtenez GutenKit Pro.

Après avoir installé le plugin, vous devez activer les plugins. 👇

ÉTAPE 2: Rechercher un bloc accordéon

Ouvrez la page/la publication où vous souhaitez ajouter l'accordéon. Ensuite, recherchez le bloc Advanced Accordion de GutenKit. Vous pouvez faire glisser ou cliquer sur le bloc, il sera ajouté à votre éditeur. 

ÉTAPE 3: Personnaliser le bloc accordéon

Vous bénéficierez de nombreuses fonctionnalités pour concevoir les accordéons dont vous avez besoin.

Dans le Partie contenu, vous pouvez choisir le style d'apparence de l'accordéon parmi les options, sélectionner l'icône, la position de l'icône, la boucle, etc.

Le Partie stylistique vous permet de styliser l'accordéon en choisissant différentes couleurs, tailles, typographies, en ajustant le remplissage, les bordures et bien d'autres choses.

Ceci est un exemple de notre accordéon personnalisé dans WordPress avec GutenKit 😎  

Conseils supplémentaires pour ajouter de l'accordéon à votre site WordPress

Voici quelques conseils supplémentaires dont vous pourriez avoir besoin pour ajouter des accordéons à votre site WordPress :

✓ Concentrez-vous sur la clarté : Gardez vos titres en accordéon et votre contenu concis et informatif. Choisissez également soigneusement la couleur, les polices, les icônes, etc. Les utilisateurs doivent comprendre instantanément quelles informations contiennent chaque section.

✓ Faites correspondre le style de votre site : Choisissez un plugin ou un bloc accordéon qui complète l’esthétique globale de la conception de votre site Web.

✓ Testez différentes options : Recherchez différentes options d’accordéon. En jouant avec différentes mises en page et animations en accordéon, vous pouvez trouver le meilleur style pour le contenu.

✓ Pensez aux utilisateurs mobiles : Assurez-vous que votre accordéon fonctionne correctement sur tous les appareils, en particulier les téléphones mobiles dotés d'écrans plus petits.

Pourquoi devriez-vous utiliser GutenKit ?

Voyons pourquoi GutenKit est la solution ultime pour Gutenberg ainsi que pour vous –

🔥GutenKit c'est régulièrement mis à jour pour rester compatible avec les dernières versions et fonctionnalités de Gutenberg.

🔥 Outre le bloc accordéon WordPress, il fournit des tonnes de blocs et d'options de personnalisation à ses utilisateurs.

🔥 GutenKit fonctionne bien avec les autres blocs et plugins Gutenberg que vous pourriez utiliser.

🔥 Le plugin est léger et chargement rapide.

🔥 Il propose tous types de directives aux utilisateurs, comme de la documentation, des vidéos YouTube, des blogs, et propose également support client rapide.

💡 Cela pourrait aussi vous plaire 👉 Blocs Kadence contre Spectra contre GutenKit

Conclusion

Il s’agit de savoir comment ajouter de l’accordéon dans Gutenberg. ✌️
Des plugins comme GutenKit rendent l’ensemble du processus d’ajout d’accordéons à votre site WordPress absolument simple et plus amusant. J'espère que vous pourrez désormais utiliser les accordéons comme moyen polyvalent de présenter des informations de manière claire et standardisée.

Alors, ne perdez pas de temps, améliorez l'expérience utilisateur de votre site avec le meilleur plugin accordéon GutenKit.