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 attendez du module Divi: fond, police, couleur, bordure, surimpression, icônes, etc. Que se passe t il si 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 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 lrsquoexemple de Portfolio que jrsquoai créé pour voir la grille de Portfolio Divi. Toutes les images utilisées dans la mallette et lrsquoarriè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 le plug in. Dans les fichiers compressés, trouverez les fichiers plug in compressés ainsi que le guide rapide PDF. Un guide rapide est un document qui guide lrsquoutilisateur à travers lrsquoinstallation 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 nrsquoimporte quel autre module Divi Builder à lrsquoarrière plan, de sorte que pouvez le glisser sur nrsquoimporte quelle ligne et ajuster le contenu, la conception et les paramètres avancés. Personnaliser la couleur de fond, sélectionner lrsquoimage 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, jrsquoa 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 lrsquoai réglé sur la disposition de la grille et jrsquoai 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.
Lrsquoimage 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 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 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 lrsquoimage de premier plan du projet, avec un titre et une catégorie cliquables dans la colonne sous lrsquoimage, et des boutons avec du texte au dessus de lrsquoimage et de la colonne. Ce sont les caractéristiques et les couleurs par défaut. Lrsquoimage contient le même effet de curseur de souris que le module Portfolio standard, mais les boutons contiennent également lrsquoeffet de curseur de souris. Vous pouvez voir dans lrsquoexemple C
Mettre en évidence le plug in Divi – Divi Portfolio Grid
