Divi Event Manager est un plug – in tiers qui crée un système complet de gestion d’événements pour Divi. Il n’a pas besoin d’un plug – in d’événement distinct. Il contient toutes les fonctions de gestion d’événements. Cela réduit le nombre de plug – ins requis et garantit qu’il n’y a pas de problèmes de mise à jour ou de compatibilité. Dans cet article, nous examinerons Divi Event Manager pour voir ce qu’il peut faire et vous aider à déterminer s’il convient à votre site Divi. Événements de type post
Un nouveau post appelé Events a été ajouté à WordPress. Vous pouvez créer des événements, définir des catégories et des étiquettes, et ajuster les paramètres ici. Voici la liste des événements.
Créer un événement ouvre un éditeur où vous pouvez ajouter des détails. Cela comprend l’information sur l’événement, l’information sur le site, l’information sur l’organisateur, le coût des billets, la Bibliothèque de l’événement, la catégorie, l’étiquette et l’image de premier plan.
Il fournit également une liste de vos billets d’avion. Module Divi du gestionnaire d’événements
Divi Event Manager a ajouté 3 nouveaux modules à Divi Builder. Les modules ont plusieurs options de mise en page, de sorte que vous n’avez pas à concevoir votre propre mise en page. Vous pouvez encore personnaliser chaque projet en utilisant les paramètres du module Divi. Examinons chaque module et ses options de mise en page. Nous verrons également quelques exemples de la façon de les utiliser dans la disposition Divi.
Divi Event Grid
Divi Event Grid
Divi Event Grid affiche les événements dans 3 styles de grille différents et 2, 3 ou 4 colonnes. Voici la grille 1 avec 2 colonnes. L’événement utilise l’image de premier plan comme arrière – plan et place tout le texte dans la superposition. Par défaut, la superposition est foncée et le texte est blanc.
C’est le style de la grille 2 avec 4 colonnes. L’image se trouve en haut de l’onglet, suivie du titre, de l’emplacement, du prix, des détails et des boutons pour en savoir plus. Ces cartes ont le même d
La taille est indépendante de la taille de l’image. Par défaut, ils comprennent un fond blanc, des lumières rouges et des ombres de cadre.
La taille est indépendante de la taille de l’image. Par défaut, ils comprennent un fond blanc, des lumières rouges et des ombres de cadre.
Si vous voulez, vous pouvez cacher le bouton lire plus. C’est le style de la grille 2 avec 2 colonnes.
C’est le style de la grille 4 avec 3 colonnes. Supprime l’image de premier plan et place la date en haut. Chaque carte a un fond gris clair. C’est le style par défaut.
Vous pouvez également activer ou désactiver la pagination. Ceci affiche le style de la grille 3, où 2 colonnes n’affichent que 2 événements à l’écran, et la disposition affiche les événements restants.
L’onglet contenu a un réglage de couleur de fond. L’onglet conception contient les paramètres de presque tous les éléments de l’onglet. Les paramètres comprennent le texte, le titre, le bouton lire plus, la mise en page et l’adresse de l’événement. Les boutons et les mises en page ont des ajustements actifs et inactifs.
Voici un exemple de module de grille d’événements sur la page Événements de la bibliothèque, disponible dans Divi. Je l’ai limité à 3 événements. Ce sont les paramètres par défaut, en utilisant 3 colonnes et la disposition. Liste des événements Divi
Le module liste d’événements affiche les événements sous forme de liste dans l’un des trois styles. C’est le style de liste 1. Affiche la date en gros texte à gauche et place des bordures colorées en haut et en bas de la section date. La partie principale comprend la date et l’heure, le titre, l’adresse et la description. Les images de premier plan ne sont pas incluses. L’événement est placé dans la carte et comprend l’ombre de la boîte.
Le style listing 2 affiche l’image à gauche et ajoute le bouton Read more au bas de la section principale. Il augmente également les tarifs en rouge gras. Ils n’ont pas de frontières, mais une ligne de démarcation.
Style de liste 3 placement
Les événements de l’onglet, l’image à droite, le titre et la description au milieu, et l’information à droite. La date, le prix, la date, l’heure et l’adresse comprennent l’icône.
Les événements de l’onglet, l’image à droite, le titre et la description au milieu, et l’information à droite. La date, le prix, la date, l’heure et l’adresse comprennent l’icône.
J’ai ajusté l’arrière – plan, j’ai ajouté une image avec une superposition de gradient, j’ai ajusté la couleur du texte pour que le titre soit entièrement majuscule, j’ai augmenté l’espacement des lettres, j’ai fait le texte descriptif en demi – gras et j’ai ajouté une ombre de cadre.
Cet exemple utilise la page Événements de l’auteur dans la mise en page de l’auteur, qui se trouve dans Divi. J’ai inclus les couleurs et les styles de police de la section Événements originaux, limité le module à afficher 3 événements et ajouté une mise en page. Divi Event Slider
Le curseur d’événements affiche les événements dans l’une des trois configurations de curseurs différentes. Le curseur comprend la navigation et les paramètres. C’est la disposition du curseur 1. Affiche l’image en haut de chaque onglet et affiche le titre et les informations de l’événement en dessous. Le bouton lire plus affiche une flèche sous la carte. Il comprend également la navigation par points. La taille de la carte dépend de la taille de l’image. Lorsque vous déplacez la souris, l’image affiche une superposition.
L’onglet conception comprend un bouton lire plus pour outrepasser les ajustements, le texte, les icônes de catégorie et l’arrière – plan et les icônes. Dans cet exemple, j’ai ajusté chacun d’eux. Vous pouvez également ajuster le style du texte.
La disposition du curseur 2 affiche des diapositives de la même taille. Placez l’image en arrière – plan. Le texte est placé dans la superposition. Lorsque vous déplacez la souris, le chevauchement s’efface. La diapositive affiche le titre, l’adresse, la date, puis la description.
Sur l’onglet conception, stylisez tout le texte séparément. Il comprend également la couleur active et les réglages de navigation du curseur de la souris. Ce n’est pas vrai.