Mettre en évidence le plug – in Divi – Divi Portfolio Grid

Divi comprend un module de Portfolio qui affiche la Portfolio sur toute sa largeur ou sur une grille, et comprend toutes les fonctions de base que vous attendez du module Divi: fond, police, couleur, bordure, surimpression, icônes, etc. Que se passe – t – il si vous voulez une disposition différente, comme une conception Multi – colonnes, ou de nouvelles fonctionnalités, comme des boutons personnalisables? Vous pourriez être intéressé par le plug – in tiers Divi Portfolio Grid. Divi Portfolio GRID est un plug – in tiers pour Divi Theme store. Il offre non seulement la fonctionnalité standard du module Divi, mais aussi une disposition de 2, 3 et 4 colonnes avec de nouvelles fonctionnalités de style afin que vous puissiez créer un portefeuille unique. Il ajoute également un bouton avec texte et effets pour le mouvement de la souris pour changer la couleur.
Dans cet aperçu, nous utiliserons l’exemple de Portfolio que j’ai créé pour voir la grille de Portfolio Divi. Toutes les images utilisées dans la mallette et l’arrière – plan sont tirées de unsplash. Com. Installer le plug – in Divi Portfolio Grid Vous devez Décompresser le fichier de téléchargement avant de télécharger le plug – in. Dans les fichiers compressés, vous trouverez les fichiers plug – in compressés ainsi que le guide rapide PDF. Un guide rapide est un document qui guide l’utilisateur à travers l’installation et décrit comment utiliser le module. Téléchargez le fichier plug – in compressé dans le fichier de téléchargement et installez – le et activez – le normalement.
Personnalisation des fonctions du module Portfolio Le plug – in ajoute un nouveau module appelé module de portefeuille personnalisé à Divi Builder. Le module fonctionne comme n’importe quel autre module Divi Builder à l’arrière – plan, de sorte que vous pouvez le glisser sur n’importe quelle ligne et ajuster le contenu, la conception et les paramètres avancés. Personnaliser la couleur de fond, sélectionner l’image de fond, sélectionner la mise en page, créer du texte personnalisé pour les boutons, sélectionner le nombre de messages à afficher, sélectionner la catégorie, afficher les métadonnées, SCE
Couleur, etc. Toutes les fonctions de conception standard sont également ici. Ajuster les couleurs, les polices, les boutons, les icônes, les surimpressions, etc.
Exemple: en utilisant le module de Portfolio personnalisé Divi dans mon exemple, j’a i créé une page, ajouté un arrière – plan pour fournir un toucher visuel, fait une ligne pleine largeur, et ajouté un module de grille de portfolio. Avant de passer en revue, examinons rapidement le module standard Divi Build Portfolio à des fins de comparaison. Module de portefeuille Divi standard Regardons la page qui utilise le module standard Divi portfolio. Je l’ai réglé sur la disposition de la grille et j’ai réglé la couleur de police à la lumière. Toutes les autres fonctions sont définies par défaut. Il comprend également des superpositions en vol stationnaire avec des icônes (mode grille), des bordures, des arrière – plans, des éléments et des styles de police. L’image de premier plan du projet est affichée, sous laquelle le titre et la catégorie du projet sont affichés. Cliquez sur le titre pour accéder au projet. Cliquez sur le titre de la catégorie pour ouvrir la page catégories pour cette catégorie. Lorsque vous utilisez une disposition de maillage, elle inclut également un effet de curseur de souris avec des options de couleur et des icônes de superposition. Exemple de module combiné personnalisé Il comprend trois mises en page à choisir, de sorte que vous pouvez configurer votre portefeuille en 2, 3 ou 4 colonnes. Regardons chaque mise en page avec une variété de paramètres et de fonctionnalités personnalisés. Voici une disposition en deux colonnes. Affiche l’image de premier plan du projet, avec un titre et une catégorie cliquables dans la colonne sous l’image, et des boutons avec du texte au – dessus de l’image et de la colonne. Ce sont les caractéristiques et les couleurs par défaut. L’image contient le même effet de curseur de souris que le module Portfolio standard, mais les boutons contiennent également l’effet de curseur de souris. Vous pouvez voir dans l’exemple C