Point culminant du plugin Divi : Plugin FAQ

FAQ Plugin est un plugin tiers pour Divi qui facilite la gestion de vos questions et réponses fréquemment posées. Le plugin ajoute un nouveau type de publication personnalisé avec un éditeur où vous pouvez les créer et les gérer. Il prend en charge plusieurs constructeurs de pages tels que Divi et Gutenberg. Dans cet article, nous allons jeter un œil au plugin FAQ et voir comment il fonctionne avec Divi.

Le plugin FAQ offre plusieurs avantages pour votre site Web WordPress. Il construit des données structurées pour un meilleur référencement. Il utilise les données structurées pour ajouter la FAQ à vos résultats de recherche Google. Cela semble mieux dans les résultats de recherche et les utilisateurs peuvent trouver plus d'informations sur votre site avant de le visiter. Le plugin comprend deux modules Divi pour afficher les FAQ de plusieurs manières.

FAQ sur les plugins

Un nouvel élément de menu est ajouté au tableau de bord appelé FAQ. C'est ici que le type de publication de FAQ sera géré et que les FAQ seront créées.

Les FAQ sont créées avec un éditeur de style classique. Ici, vous ajouterez le titre, le contenu, les catégories et publierez la FAQ. Comme il utilise l'éditeur classique, vous pouvez utiliser n'importe quel type de contenu, y compris du texte, des médias, du HTML, etc. Vous pouvez également créer les catégories ici.

Ils apparaîtront dans la liste où vous pourrez les modifier ou les supprimer. Une fois que vous avez créé vos FAQ, vous pouvez les sélectionner dans les modules Divi en sélectionnant leurs catégories. Créez autant que vous le souhaitez. Une FAQ peut inclure plusieurs catégories.

FAQ Modules d'extension

Le plugin FAQ ajoute deux nouveaux modules au Divi Builder :

DF - FAQ - affiche les FAQ que vous avez créées sous la forme d'un ensemble de bascules dans une seule colonne. Affichez des catégories spécifiques et stylisez-les avec les paramètres familiers du module Divi. Vous pouvez également les regrouper par catégorie.

DF – Multi Column FAQ – affiche les FAQ dans leur état ouvert uniquement. Vous pouvez sélectionner plusieurs options de disposition des colonnes, choisir des catégories et afficher par catégorie.

Plugin FAQ

Dans cet exemple, j'ai placé le module FAQ et les FAQ s'affichent automatiquement. Dans les paramètres de contenu, vous pouvez afficher le titre, les wrappers de section, activer la recherche, afficher des catégories spécifiques et afficher une vue personnalisée.

Ils fonctionnent comme des bascules. Ouvrez autant que vous le souhaitez et ils restent ouverts. Les paramètres de conception incluent le titre du widget, le titre de la catégorie, la question, la réponse, l'accordéon et le bouton de recherche.

FAQ sur le plugin multi-colonnes FAQ

Le module FAQ multi-colonnes affiche toutes les FAQ dans un état ouvert. Ils ne sont pas fermables. Il ajuste automatiquement la largeur des colonnes pour le meilleur ajustement. L'onglet Conception vous permet de sélectionner des catégories spécifiques et de les regrouper par catégorie.

J'ai défini celui-ci pour grouper par catégorie. Il les place automatiquement par ordre alphabétique en fonction du nom de la catégorie d'abord, puis en fonction du nom de chaque FAQ au sein de cette catégorie.

L'onglet Conception comprend des options de colonne (1-4), des paramètres pour le texte, le texte de la question, le texte de la réponse et le titre du texte de la catégorie.

Exemples de plugins FAQ

J'ai ajouté le module FAQ à une section de la mise en page Sérigraphie. Il s'agit des paramètres par défaut. Le fond gris et l'ombre de la boîte proviennent de la mise en page.

Voici un aperçu de quelques FAQ ouvertes.

Ceci est la FAQ Multi Colum dans la même mise en page. Il s'agit du paramètre par défaut, qui affiche trois colonnes.

Dans cet exemple, j'ai ajouté les couleurs de la mise en page au module et défini l'arrière-plan sur blanc. J'ai ajusté la couleur de fond de l'accordéon et la couleur du texte lorsqu'il est fermé. J'ai laissé le bouton d'ouverture et de fermeture gris car ils ne sont pas stylisés indépendamment et je voulais une couleur qui fonctionne avec les deux styles.

Pour celui-ci, j'ai placé le fond orange dans l'accordéon ouvert et rendu son texte blanc. L'ajout de la couleur au paramètre d'arrière-plan normal affecte également cette zone et a priorité sur le paramètre d'accordéon. J'ai rendu le fond de l'accordéon fermé en blanc et le texte en noir. J'ai également ajouté une ombre de boîte et ajusté sa position horizontale et la force du flou.

Pour cet exemple, j'ai changé la couleur de l'accordéon fermé et supprimé l'ombre de la boîte. J'ai ajouté le titre du widget, activé l'affichage et le regroupement par catégories, activé le titre de la catégorie et stylisé le texte.

Une fonctionnalité intéressante est la recherche en ligne pour la recherche de FAQ sur la page. Pour celui-ci, j'ai ajouté la fonction de recherche et stylisé la bordure du bouton et du champ de recherche.

J'ai recherché Art et j'ai été dirigé vers une page d'archives avec toutes les questions liées à ma recherche.

Pour cet exemple, j'ai placé des modules multi-colonnes individuels dans une rangée et sélectionné des catégories spécifiques pour chaque module. J'utilise la mise en page Bibliothèque. Chaque module utilise automatiquement la couleur de fond de chaque colonne.

Celui-ci est un module unique que j'ai ajusté pour correspondre à la mise en page, y compris la couleur d'arrière-plan, les tailles de police et l'espacement. J'ai sélectionné des catégories et regroupé par catégorie. J'ai également ajusté les polices de groupe et de catégorie. Il est configuré pour afficher deux colonnes.

Pour cet exemple, j'ai ajouté le module FAQ multi-colonnes à la disposition de la galerie d'art. J'ai changé la disposition des colonnes de 4444 à 144, déplacé les images vers les 44 colonnes et défini la FAQ pour afficher une disposition à 2 colonnes.

Ici, j'ai fait correspondre le style du titre et du corps du texte, l'audace, la taille, la hauteur de ligne et l'alignement.

J'ai créé un design de bordure pour donner au module FAQ un aspect similaire aux photos avec leur bordure très épaisse.

Pour celui-ci, j'ai activé le groupe par catégories et stylisé le texte de la catégorie pour qu'il corresponde à la mise en page.

Section Wrappers est une fonctionnalité intéressante. Il place de l'espace autour de chaque groupe. Cela permet de les différencier les uns des autres. Cela donne une conception visuelle n'utilisant que des espaces blancs.

FAQ Plugin avec Extra

Le plugin FAQ semble bien fonctionner avec Extra. Voici la page pour la mise en page de la galerie d'art avec le module multi-colonnes. Cette mise en page utilise une barre latérale. Le module est réactif et ajusté à la zone étroite sans problème.

Voici le module FAQ régulier. Cela fonctionne exactement de la même manière qu'avec Divi. Aucun ajustement n'a été nécessaire, même dans la mise en page avec une barre latérale.

FAQ sur les plugins

La documentation est fournie sur le site Web du développeur et comprend plusieurs vidéos et de nombreux articles détaillés. Heureusement, je n'ai pas eu besoin de vérifier la documentation mais c'est bien de voir qu'il y a beaucoup de bonnes informations au cas où vous en auriez besoin.

FAQ Prix du plugin

Il existe trois options d'achat :

• Site unique - 14,99 $ pour l'année, 49,99 $ pour la vie
• Cinq sites – 29,99 $ pour l'année, 89,99 $ pour la vie
• Sites illimités – 49,99 $ par an, 149,99 $ à vie

Il est livré avec un essai de 7 jours afin que vous puissiez le tester et voir s'il répond à vos besoins. Vous pouvez acheter le plugin FAQ sur le site Web du développeur.

Mettre fin aux pensées

C'est notre regard sur le plugin FAQ pour créer et gérer vos FAQ. Je ne l'ai pas couvert dans cet article, mais cela fonctionne avec Gutenberg et d'autres constructeurs ainsi que Divi. J'ai trouvé les modules Divi faciles à utiliser et n'ai eu aucun mal à faire les ajustements à partir des constructeurs backend et frontend. Cela fonctionne aussi bien avec Extra.

J'aimerais voir quelques options de style ajoutées. J'aimerais styliser les questions et les boutons d'ouverture et de fermeture indépendamment entre les états d'ouverture et de fermeture. J'aimerais également voir le texte du widget et la fonction de recherche ajoutés au module multi-colonnes. Avant d'ajouter ces fonctionnalités, il peut être plus judicieux de combiner les deux modules en un seul et de vous permettre de basculer entre les options d'accordéon et de mise en page. Ces problèmes sont extrêmement mineurs, mais je voulais les signaler juste au cas où cela vous intéresserait.

Le plugin FAQ ajoute un élément supplémentaire de gestion de contenu à WordPress et Divi qui facilite grandement la conception de pages. C'est plus simple car vous n'aurez pas à créer les FAQ à chaque fois ou à enregistrer des modules stylisés dans votre bibliothèque, puis à supprimer les FAQ que vous ne souhaitez pas utiliser pour cette page particulière.

Il offre également de nombreuses fonctionnalités de conception. La possibilité d'afficher par catégorie signifie que vous pouvez déposer les modules sur n'importe quelle page et choisir facilement ce que vous voulez qu'ils affichent. Si vous êtes intéressé par un moyen simple de gérer et d'afficher vos FAQ, le plugin FAQ est une excellente option.

Nous voulons de vos nouvelles. Avez-vous essayé le plugin FAQ pour WordPress et Divi ? Dites-nous ce que vous en pensez dans les commentaires.

Image en vedette via Tetiana Yurchenko / shutterstock.com