Point culminant du plugin supplémentaire - Compagnon du module supplémentaire

Extra est souvent un joyau négligé et caché d'un thème. Il utilise le Divi Builder pour ses pages et ses articles, mais ce qui distingue Extra de Divi, c'est son Category Builder (qui utilise son propre plus petit ensemble de modules pour créer des pages d'index de blog). Une demande d'utilisateur courante est cependant l'inclusion des modules classiques de Divi Builder dans le générateur de catégorie supplémentaire.

Entrez : le plugin tiers de Divi Space, Extra Module Mate. Avec ce plugin, plus de 40 modules Divi Builder peuvent désormais être utilisés dans Extra Category Builder pour surcharger votre thème Extra et les pages d'index que vous créez avec.

Dans ce point culminant du plugin, nous examinerons Extra Module Mate et vous montrerons quelques exemples de ce qui peut être fait avec le Category Builder lorsque les modules Divi Builder sont ajoutés.

Plongeons dedans !

Modules de création de catégories

L'une des choses qui distingue Extra de Divi est le Category Builder. Ce constructeur utilise ses propres modules pour créer des magazines ou des mises en page modulaires similaires basées sur des catégories. Le Category Builder vous offre 10 nouveaux modules. Comme vous pouvez le voir, l'accent est mis sur le contenu, les images, le texte et les publicités.

Vous pouvez faire beaucoup avec ces modules pour créer des mises en page intéressantes. En utilisant un code ou un module de texte, vous pouvez ajouter des codes courts, mais des modules tels que des formulaires de contact, des accordéons, des cartes, des minuteurs, des portfolios, des commentaires, des galeries, des textes de présentation, des appels à l'action, une recherche, une boutique, des compteurs, des boutons, etc., ne sont normalement pas disponible pour le générateur de catégories. Cela peut limiter vos options pour les conceptions de page d'accueil.

Ajout de modules Divi Builder au générateur de catégories

Une fois Extra Module Mate téléchargé et activé, les modules Divi Builder seront disponibles dans le Category Builder. Le plugin ajoute les modules Divi Builder en jaune avec le préfixe DS. Les modules fonctionnent de la même manière que dans Divi Builder, y compris toutes leurs fonctionnalités et paramètres. Vous pouvez même les rendre globales à d'autres mises en page de catégorie si vous le souhaitez.

Exemple – Mise en page du magazine

Pour cet exemple, j'ai chargé la mise en page du magazine dans le générateur de catégories et l'ai définie comme mise en page de ma page d'accueil. Je vais ajouter mes modules Divi à cette mise en page.

Voici un aperçu de la mise en page à l'aide de mon contenu de maquette. J'ai choisi de ne pas utiliser de barre latérale et j'ai supprimé la rangée de trois messages car il s'agissait de contenu répété (sans que je crée plus de catégories). Puisqu'il s'agit d'un site de test sans visiteurs réels, les sites populaires et les mieux notés sont les mêmes. En réalité, le trafic organique façonnera votre contenu afin que vous ne voyiez pas les mêmes articles plusieurs fois.

Voici un aperçu de la mise en page avec les modules Divi que j'ai ajoutés. La mise en page comprend désormais les modules Recherche, Vidéo, Appel à l'action et Carte du Divi Builder. Je les ai stylisés pour qu'ils correspondent à la mise en page de la page d'accueil.

Voici la mise en page avec les modules Divi Builder. J'ai ajouté le champ de recherche juste sous le curseur de publication, ce qui peut être utile pour les sites d'examen ou les sites avec beaucoup de contenu. En bas, j'ai créé un appel à l'action à l'aide d'une vidéo, d'un CTA avec image et bouton, et d'une carte pour montrer l'emplacement. C'est un excellent moyen de placer un CTA pour un événement, un abonnement ou un produit sur votre page d'accueil.

Exemple - Une autre mise en page de magazine

Voici une autre modification de la mise en page du magazine prédéfini. J'ai ajouté une image en vedette, puis j'ai ajouté deux modules Divi – carte et boutique. J'ai également supprimé la ligne de poste à deux colonnes; cette fois en quittant la rangée de poteaux à trois colonnes.

Comme vous pouvez le voir, ce n'est qu'un petit changement, mais cela fait une différence majeure dans la mise en page. Seuls la carte et la boutique sont nouvelles et s'intègrent parfaitement dans la mise en page du magazine. En réalité, je ne le rendrais pas aussi occupé, mais cela montre l'avantage d'ajouter des modules Divi Builder à vos mises en page de catégorie supplémentaire.

Exemple – Portfolio avec Blog

Pour cet exemple, je souhaite créer un portfolio avec un blog, des témoignages et une boutique afin que quelqu'un puisse vendre ses photographies, ses œuvres d'art ou des produits similaires. Je commence par la mise en page du blog de maçonnerie avec une mise en page prédéfinie du curseur des articles en vedette.

Voici la mise en page avant d'apporter des modifications. C'est un blog propre à trois colonnes avec un curseur de publication en vedette. J'utilise le curseur pour afficher un seul article en vedette.

Ma nouvelle mise en page comprend un portfolio filtrable, une boutique WooCommerce, un témoignage et un module de personne afin que les lecteurs puissent en savoir plus sur le photographe ou l'artiste.

Voici à quoi ressemblent les nouveaux éléments dans la mise en page. J'ai réduit le nombre de billets de blog de 6 à 3 pour aider à garder la mise en page propre. Cela peut être utilisé pour bloguer sur les produits, montrer les produits en tant que projets et fournir des liens vers les pages de la boutique où les lecteurs peuvent acheter.

Exemple – Disposition personnalisée avec section spécialisée

Pour cet exemple, j'ai créé une mise en page à partir de zéro en utilisant une image comme en-tête suivie d'une section spécialisée qui comprend des articles à onglets, des cartes, un formulaire de contact et une barre latérale.

Extra Module Mate fonctionne très bien avec les sections spécialisées. La mise en page comprend deux sections avec des messages à onglets et une carte suivie d'un formulaire de contact. Cela peut être utile pour afficher des événements, ou toute autre chose qui pourrait bénéficier de l'affichage d'un emplacement, dans des publications à onglets, puis de placer des épingles pour chaque emplacement sur la carte qui le suit.

Exemple – Blog avec tableau des prix

Dans cet exemple, je voulais créer un blog standard et ajouter des tableaux de prix et une carte. Pour tirer parti des modules Category Builder, j'ai ajouté un carrousel de publication et un flux de blog standard afin de pouvoir utiliser les notes par étoiles. J'ai rendu le tableau des prix global afin qu'il puisse être utilisé avec d'autres mises en page de catégorie si je souhaite créer une nouvelle page d'accueil.

Voici ma nouvelle mise en page de blog avec les modules Divi ajoutés. Cela ferait un blog intéressant pour une agence de voyage. La carte et les tableaux de prix (les seuls modules Divi Builder dans cette mise en page) sont parfaits pour créer des CTA.

Prix ​​et documentation

Le prix d'Extra Module Mate commence à 16 $ pour une licence de site unique. La documentation est fournie dans la section d'information de la page de vente.

Dernières pensées

Le Category Builder d'Extra utilise ses propres modules plutôt que les modules Divi Builder standard pour créer des mises en page de style magazine. Bien que Category Builder ne dispose que de 10 modules, ils suffisent à créer facilement les mises en page de magazines les plus populaires et les plus courantes. Cependant, cela peut être limitatif si vous souhaitez créer une mise en page plus unique.

Extra Module Mate ajoute les plus de 40 modules Divi Builder standard au Category Builder, donnant à ceux qui souhaitent en ajouter davantage à leurs mises en page les modules Divi dont ils ont besoin. Les mises en page que j'ai créées dans ces exemples ne seraient pas possibles avec les modules Category Builder sans utiliser de code ou de shortcodes. Grâce à Extra Module Mate, les créer était aussi simple que d'utiliser le Divi Builder.

Ceci ne fait qu'effleurer la surface de ce qui peut être fait avec Extra et créer des dispositions de catégorie avec les modules Divi Builder. Je peux imaginer beaucoup plus de possibilités et je suis sûr qu'il ne faudrait pas longtemps pour proposer des designs encore meilleurs que ceux que j'ai montrés ici. Extra Module Mate est facile à utiliser et est essentiel pour tous ceux qui souhaitent utiliser les modules Divi Builder dans le Category Builder d'Extra.

Nous aimerions vous entendre! Avez-vous utilisé Extra Module Mate ? Faites-nous part de votre expérience dans les commentaires ci-dessous!

Image en vedette via antishock / shutterstock.com