Point fort du plugin Divi : DiviFlash

Publié: 2023-04-10

DiviFlash est un plugin tiers pour Divi qui ajoute plus de 40 nouveaux modules au Divi Builder. Il ajoute également plusieurs extensions et inclut l'intégration de WooCommerce et des champs personnalisés avancés, ainsi que plusieurs autres fonctionnalités. Dans cet article, nous examinerons DiviFlash et verrons ses fonctionnalités pour vous aider à décider si c'est le bon produit pour vos besoins.

Table des matières
  • 1 Modules DiviFlash
    • 1.1 Présentation avancée
    • 1.2 Carrousel avancé
    • 1.3 Diviseur avancé
    • 1.4 En-tête avancé
    • 1.5 Liste avancée
    • 1.6 Personne avancée
    • 1.7 Onglets avancés
    • 1.8 Curseur avant et après
    • 1.9 Fil d'Ariane
    • 1.10 Heures d'ouverture
    • 1.11 Tableau de données
    • 1.12 Accordéon d'images
    • 1.13 Carrousel d'images
    • 1.14 Masque d'image
    • 1.15 Galerie Packery
    • 1.16 Post Carrousel
    • 1.17 Grille de messages
    • 1.18 Faire défiler l'image
    • 1.19 Classement par étoiles
    • 1.20 Tableau
    • 1.21 Carrousel de témoignages
  • 2 Paramètres du plug-in DiviFlash
    • 2.1 Extensions DiviFlash
    • 2.2 Paramètres des extensions de menu
    • 2.3 Paramètres d'importation/exportation
  • 3 packs de mise en page DiviFlash
  • 4 Où acheter DiviFlash
  • 5 pensées finales

Modules DiviFlash

DiviFlash ajoute plus de 40 nouveaux modules au Divi Builder. Certains de ces modules sont désactivés par défaut. Vous pouvez activer et désactiver les modules dans le menu Modules DiviFlash du tableau de bord WordPress.

Modules DiviFlash

Les modules sont mélangés dans les modules Divi réguliers par ordre alphabétique. Ils incluent un graphique en arrière-plan du module, et leurs icônes et leur texte sont violets, ce qui les rend plus faciles à trouver.

Modules DiviFlash

Nous allons examiner quelques-uns des modules pour voir ce qu'ils peuvent faire.

Présentation avancée

Le DiviFlash Advanced Blurb vous permet d'afficher une icône ou une image, un titre, un sous-titre, un contenu, un bouton, un badge à deux lignes et une option d'ordre des éléments. Chaque élément a des options Z-Index indépendantes pour les emplacements, les styles, les bordures, l'ombre de la boîte, l'espacement, etc.

Modules DiviFlash : Présentation avancée

Carrousel avancé

Le DiviFlash Advanced Carousel crée un carrousel qui fonctionne un peu comme le Advanced Blurb. Ajoutez des présentations sous forme de cartes et incluez une image ou une icône, un titre, un sous-titre, le contenu du corps, un bouton et l'ordre des éléments. Stylez chaque élément indépendamment et modifiez leur ordre avec des curseurs. Les options d'animation du curseur contrôlent le fonctionnement du carrousel.

Modules DiviFlash : Carrousel avancé

Diviseur avancé

Le module diviseur avancé comprend 10 types de diviseurs parmi lesquels choisir. L'un des types de séparateurs est un séparateur personnalisé. Affichez plusieurs lignes et spécifiez le nombre de lignes et l'espace entre les lignes. Les paramètres de séparateur vous permettent d'afficher une icône, du texte, Lottie ou aucun séparateur. Les paramètres de conception incluent tous les ajustements pour le diviseur.
Diviseur avancé

Titre avancé

L'en-tête avancé de DiviFlash vous donne trois éléments d'en-tête, un séparateur avec une icône facultative, un arrière-plan de ligne de séparation, un arrière-plan d'infixe et un arrière-plan de suffixe. Vous pouvez ajuster la taille du séparateur et lui donner une bordure arrondie. Choisissez l'icône et sa position. Stylisez chaque élément indépendamment.

Modules DiviFlash : Rubrique avancée

Liste avancée

Le module Liste avancée vous permet d'ajouter des éléments de liste en tant que sous-modules. Ajoutez un titre, une description et une icône à chaque élément de la liste. Affichez-les sous forme de liste ou dans une grille. Pour le type d'icône, choisissez entre icônes, images, texte, Lottie ou aucun. Vous pouvez toujours afficher les icônes ou les afficher au survol. Vous pouvez ajouter une icône pour le titre.

Liste avancée

Personne avancée

Le module DiviFlash Advanced Person comprend une image, un nom, un titre, une description et des icônes sociales. Ajustez chaque élément pour la couleur, l'espacement, la bordure, les polices, etc. Vous pouvez également ajuster la couleur d'arrière-plan et la couleur de l'icône des boutons de médias sociaux individuellement. Ce module comprend 3 styles de mise en page et des options de réglage pour tous les éléments du module.

Modules DiviFlash : Personnes

Onglets avancés

Le module DiviFlash Advanced Tabs vous permet de créer des onglets uniques et de les styliser. Vous pouvez ajouter autant d'onglets que vous le souhaitez et styliser chaque élément de chaque onglet ou utiliser un style standard pour tous les onglets. Vous pouvez également styliser l'onglet actif séparément. Ajoutez des images ou des icônes et ajoutez un bouton. Les paramètres des onglets incluent une animation sur la façon dont les onglets sont révélés.

Modules DiviFlash : onglets avancés

Curseur avant et après

Le curseur avant et après de DiviFlash vous permet d'afficher deux images au même endroit et de glisser entre elles. Définissez la diapositive sur horizontale ou verticale et faites déplacer le curseur en cliquant ou en survolant. Vous pouvez également styliser le curseur, modifier l'icône et la couleur, et ajouter un flou à l'icône où les deux images se rencontrent. Les images incluent des ajustements de filtre individuels.

Modules DiviFlash : avant et après

Chapelure

Le module Breadcrumbs ajoute une navigation par fil d'Ariane à votre page. Spécifiez le texte de la page d'accueil, ajoutez une icône, choisissez un séparateur et stylisez le texte avec les paramètres de conception. Placez l'icône de la maison à droite ou à gauche du texte. Choisissez entre du texte ou une icône pour le séparateur. Vous pouvez également inclure un lien de page personnalisé, un titre de recherche, un titre 404, activer le schéma, etc.

Heures de travail

Le module Heures d'ouverture vous offre de nombreuses façons de configurer et de définir les heures d'ouverture. Chaque jour est un sous-module distinct. Coiffez-les ensemble ou indépendamment. Définissez les heures comme une seule heure ou utilisez les options individuelles d'ouverture, de fermeture et de séparation.

Modules DiviFlash : Heures d'ouverture

Tableau de données

Le tableau de données DiviFlash vous permet de télécharger un fichier pour créer un tableau consultable. Vous pouvez ensuite le styliser comme n'importe quel autre module DiviFlash. Téléchargez un CSV, importez un tableau, une feuille de calcul Google, un tableau de base de données ou importez depuis Table Press. Afficher ou désactiver la pagination, la recherche, les informations, la commande, autoriser plusieurs langues, etc.

Modules DiviFlash : Tableaux de données

Accordéon d'images

Le DiviFlash Image Accordion affiche les images dans un conteneur en accordéon et révèle l'image en entier lorsque l'utilisateur clique ou survole. La première image occupe le plus d'espace dans le conteneur, et toutes les autres sont affichées comme une tranche de l'image. Choisissez entre un accordéon horizontal ou vertical, choisissez comment il répond, animez le texte, etc.

Modules DiviFlash : Accordéon d'image

Carrousel d'images

Le carrousel d'images DiviFlash vous offre de nombreuses options d'image. Affichez les images sous forme de diapositive, de cube, de Coverflow ou de retournement. Ajoutez une navigation par points, une navigation par flèche, des légendes d'image, des boutons d'image et choisissez des effets de survol. Comme les autres modules, chaque élément peut être stylisé individuellement.

Modules DiviFlash : Carrousel d'images

Masque d'image

DiviFlash Image Mask place un masque en forme sur l'image. Vous avez le choix entre 30 masques et vous pouvez ajuster la position de l'image, la taille du masque et faire pivoter chaque masque pour créer un design unique.

Modules DiviFlash : masque d'image

Galerie de l'emballage

La galerie DiviFlash Packery affiche votre galerie dans l'une des 10 mises en page différentes. Il redimensionne et réorganise les images pour chaque mise en page afin de créer différentes tailles et styles pour la galerie. Certains sont uniformes, d'autres non. Cela crée beaucoup de galeries intéressantes. Créez une galerie différente pour les ordinateurs de bureau, les tablettes et les téléphones. Modifiez l'espace entre les images, ajoutez un bouton Charger plus, choisissez des effets de survol, utilisez une lightbox, etc.

Modules DiviFlash : Galerie Packery

Post Carrousel

Le module DiviFlash Post Element est un générateur de cartes postales de blog qui affiche les articles dans une grille. Il comprend 11 éléments des articles de blog que vous pouvez choisir d'afficher. Vous pouvez ajouter les éléments que vous souhaitez afficher dans l'ordre dans lequel vous souhaitez les afficher. L'affichage des publications comprend l'image, le titre, l'extrait, le nom de l'auteur, la date, le bouton Lire la suite, les commentaires, un séparateur, etc. Il a également des options de débordement et fonctionne comme un carrousel ordinaire avec des options de curseur.

Modules DiviFlash : Carrousel d'articles de blog

Grille de publication

Le module DiviFlash Post Grid fonctionne de la même manière que le Post Carousel en ce sens qu'il s'agit d'un générateur de cartes de blog. Il utilise les mêmes éléments mais affiche la carte dans une grille ou une disposition en maçonnerie plutôt qu'un curseur.

Modules DiviFlash : Post Grid

Faire défiler l'image

Le module Scroll Image ajoute un effet de défilement à n'importe quelle image lorsque le visiteur survole l'image. Vous contrôlez le sens de défilement, l'alignement, la taille, la vitesse, etc. Ajoutez un cadre, une superposition, un badge et une légende, et activez une lightbox. Vous contrôlez le badge, y compris le texte, l'icône, la position et les options de survol.

Faire défiler l'image

Évaluation étoilée

Le module de classement par étoiles vous permet de placer des classements par étoiles n'importe où sur votre page. Choisissez entre 5 étoiles et 10 étoiles et définissez la valeur de la note à l'aide d'un curseur. Ajoutez une icône personnalisée, affichez le numéro d'évaluation, activez une seule évaluation, activez le titre, ajoutez du contenu et activez le schéma. Si vous activez le numéro de classement, vous pouvez afficher le numéro avec ou sans parenthèse, ou afficher le numéro avec ou sans le score maximum possible. Vous pouvez également choisir le placement à droite ou à gauche des icônes. Si vous choisissez une seule note, elle n'affichera qu'une seule icône avec vos options numériques.

Évaluation étoilée

Tableau

Le module Tableau de DiviFlash vous permet de créer des tableaux à la main. Ajoutez plusieurs lignes, puis ajoutez votre contenu à la ligne dans un éditeur HTML. Il prend même HTML en entrée afin que vous puissiez ajouter des icônes et d'autres types de contenu. Donnez un style aux arrière-plans pairs et impairs indépendamment et choisissez le type de lignes pour en faire l'en-tête, le pied de page, le corps, etc. Il comprend également des options de fusion de lignes et de fusion de colonnes.

Modules DiviFlash : Tableau

Carrousel de témoignages

Le module Carrousel de témoignages de DiviFlash crée des témoignages sous forme de cartes et les affiche dans un curseur. Ajoutez-en autant que vous le souhaitez et choisissez entre les diapositives et Coverflow pour le type de carrousel. Vous pouvez ajouter des étoiles, un logo d'entreprise et une icône de devis.

Modules DiviFlash : Carrousel de témoignages

Paramètres du plug-in DiviFlash

Les extensions sont activées ou désactivées dans le menu DiviFlash Dashboard présent dans le tableau de bord WordPress.

Extensions DiviFlash

DiviFlash a quatre extensions. Ils incluent les téléchargements de fichiers SVG et JSON, un shortcode Divi Library et la prise en charge ACF. Ce sont toutes d'excellentes extensions. Le shortcode Divi Library vous permet de placer une mise en page Divi complète partout où vous pouvez placer un shortcode. Cela ouvre de nombreuses possibilités de conception. La prise en charge d'ACF intègre des champs personnalisés avancés.

Modules DiviFlash

Paramètres des extensions de menu

DiviFlash inclut également les paramètres d'extension de menu. Ceux-ci permettent un effet de ligne de fond, masquent la bordure inférieure et ajoutent de l'espace entre les éléments de menu.

Modules DiviFlash

Paramètres d'importation/exportation

DiviFlash dispose d'une fonctionnalité d'importation/exportation, vous pouvez donc facilement réutiliser vos conceptions et paramètres.

Modules DiviFlash

Packs de mise en page DiviFlash

L'éditeur a créé 12 packs de mise en page gratuits qui incluent les modules DiviFlash. Ils comprennent plusieurs pages pour vous aider à démarrer la conception de votre site Web. Ils sont téléchargeables gratuitement.

Modules DiviFlash

Où acheter DiviFlash

DiviFlash est disponible sur le Divi Marketplace pour 89 $. Il comprend une utilisation illimitée du site Web, une garantie de remboursement de 30 jours et un an d'assistance et de mises à jour.

Présentation du produit DiviFlash

Mettre fin aux pensées

C'est notre regard sur DiviFlash. Il y a beaucoup de modules bien conçus dans ce plugin. Tous sont utiles et entièrement personnalisables. J'ai particulièrement aimé les constructeurs de blogs et de fiches produits. Il est compatible avec WooCommerce et Advanced Custom Fields et comprend plusieurs extensions qui ajoutent encore plus de fonctionnalités à Divi. Si vous souhaitez étendre votre boîte à outils Divi et ajouter plus de fonctionnalités à votre site Web Divi, DiviFlash est un excellent choix.

Nous voulons de vos nouvelles. Avez-vous essayé DiviFlash ? Faites-nous savoir ce que vous en pensez dans les commentaires.