Je souhaite obtenir des informations sur une formation complète concernant le thème DIVI dispensé
par un organisme de formation certifié par l’état.
Que la formation soit finançable par mon CPF (idéalement) ou autre


Pour plus d’informations pour l’utilisateur expérimenté, consultez le Guide de démarrage rapide Divi Overlays ci-dessous. Vous pouvez également trouver une vidéo détaillée et un tutoriel écrit ci-dessous.

Le guide de démarrage rapide en 8 étapes:

  1. Téléchargez Divi Overlays à partir du Historique d’achat Page (ou le Tous les téléchargements d’Access Pass Page pour les membres)
  2. Installez le fichier zip comme n’importe quel autre plugin: WP Admin> Plugins> Add New> Upload> Activate
  3. Ensuite, allez dans Divi Overlays> Paramètres, collez votre clé de licence et cliquez sur Enregistrer. ((Cette étape n’est requise que si vous avez acheté directement chez nous ici chez Divi Life) (Trouvez votre clé de licence dans votre reçu de courrier électronique ou sur le Licences Page)
  4. Accédez à Divi Overlays> Ajouter nouveau, activez Divi Builder et donnez un nom à votre Divi Overlay.
    Commencez à créer et passez à l’étape 6 ou continuez avec les étapes facultatives ci-dessous pour utiliser un modèle
  5. Utilisez un modèle de mise en page de superposition Divi: téléchargez-le à partir du Modèles de mise en page de plugins Page du portail client. Téléchargez directement sur l’écran d’édition de Divi Overlay en cliquant sur l’icône de portabilité (flèches haut et bas) sur le côté droit de Divi Builder.
  6. Ajustez au besoin et ajustez les paramètres en conséquence.
  7. Pour un déclencheur de clic, copiez l’ID CSS sous «Déclencheurs manuels» et collez-le dans le champ de classe CSS d’une section, ligne ou module Divi pour déclencher la popup Divi lorsque vous cliquez dessus. Pour un déclenchement de retard contrôlé par le temps, activez le retard contrôlé par le temps sous «Déclenchements automatiques» et définissez le nombre de secondes souhaité.
  8. Cliquez sur Publier!

Pour de meilleurs résultats, nous vous recommandons de créer vos superpositions Divi dans le backend Visual Builder de Divi. Pour utiliser Visual Builder dans le backend (au lieu de Gutenberg), assurez-vous que l’éditeur WordPress classique est activé (Options du thème Divi> Builder> Avancé> Activer l’éditeur classique).

introduction

Divi Overlays est l’outil entièrement fonctionnel, complet et facile à utiliser pour créer des PopUs, Modals et Overlays avec le Divi Builder. Divi Overlays vous donne un contrôle complet sur vos superpositions en quelques clics.
Il est important de mentionner que Superpositions Divi requises Thème Divi ou thème supplémentaire basé sur des thèmes Elegent pour fonctionner correctement sur votre site Web et avoir PHP 7.2 – 7.4.

Dans ce tutoriel, nous allons vous montrer comment déclencher des superpositions Divi, l’interface utilisateur et une superposition avec un déclencheur automatique et un avec déclencheur manuel.

Étape 1: Télécharger et installer

Une fois que vous avez acheté Superpositions Divivous recevrez un e-mail avec votre clé de licence et un lien de téléchargement.
Télécharger Superpositions Divi et vous avez un fichier zip sur votre ordinateur.

Vous pouvez également télécharger à partir du Portail client Divi Life> Acheter des téléchargements
Si vous en êtes un Membre All Access Passvous pouvez télécharger le plugin (avec tous les autres produits) sur le Tous les téléchargements d’Access Pass Page.

1. Accédez au tableau de bord WordPress> Plugins> Ajouter un nouveau
2. Télécharger le plugin
3. Choisissez Fichier> Choisir divi-overlays.zip
4e Activer le plugin

étape 2: Activation

Une fois Divi Overlays installé, il est nécessaire d’activer la clé de licence.

((Cette étape n’est requise que si vous avez acheté directement chez nous ici chez Divi Life)

1. Vous pouvez trouver la licence dans votre portail client Divi Life> Clés de licence et mises à niveau.

1. Accéder aux superpositions Divi
2. Paramètres de superpositions Divi
3. Insérez votre licence
4e Sauvegarder les modifications

étape 3: Ajout d’une nouvelle contribution Divi Overlay

Divi Overlays fonctionne sous un CPT (Custom Post Type) pour créer vos propres designs avec Divi puis les déclencher.

1. Accéder aux superpositions Divi
2. Ajouter un nouveau
3. Définir un titre pour le nouveau message
4e Activer Divi Builder

Cela chargera le thème Divi. Il est maintenant temps d’importer vos mises en page prédéfinies 😉
1. Accédez à votre portail client> Modèles de mise en page de plugins

Une fois téléchargé, décompressez le fichier pour extraire un fichier JSON. Ce fichier doit être importé dans un nouveau post sur Divi Overlays en utilisant les options de portabilité de Divi Builder.

1. Choisissez les options de portabilité
2. Cliquez sur le bouton Importer
3. Sélectionnez la mise en page Divi Overlays que vous souhaitez importer (assurez-vous qu’elle a été extraite du fichier zip. Elle doit être au format JSON).
4e Importer la mise en page Divi Builder
5. Publier le message

REMARQUE: vous devez importer la mise en page directement dans l’écran d’édition Divi Overlay comme indiqué ci-dessous. Si vous essayez d’importer dans la bibliothèque Divi, cela ne fonctionnera pas à cause du fonctionnement du système de mise en page Divi.

Dans cet exemple, nous avons importé modal-signup.json

Paramètres supplémentaires pour les superpositions Divi

Étape 3a: Déclenchement de superpositions Divi avec un déclencheur automatique

Les superpositions Divi peuvent être déclenchées manuellement ou avec un déclencheur automatique. Les options actuelles des superpositions Divi sont:
Retard chronométré: Les superpositions sont déclenchées après un certain temps. Cette fonction est basée sur les secondes. Si vous définissez cette option, vous devez définir entre zéro et X secondes.
Faire défiler les pourcentages: Ces options déclenchent la superposition dans certains pourcentages de la page lorsque l’utilisateur fait défiler vers le bas.
Fin intention: Ces options déclenchent la superposition lorsque le curseur n’est pas sur la page principale. Sinon, la superposition ne sera pas déclenchée.

Pour ce didacticiel, nous avons utilisé l’option Délai temporisé. Par défaut, le déclencheur automatique est défini sur Aucun.

1. Faites défiler jusqu’à Déclencheurs automatiques
2. Sélectionnez un délai chronométré
3. Régler l’heure. Le champ est donné en secondes, il suffit donc d’insérer un nombre dans le champ.
Sauvegarder les modifications

Une fois enregistré, actualisez votre page et voyez les superpositions Divi en action

Étape 3b: Déclenchement de superpositions Divi avec des déclencheurs manuels

Vous pouvez déclencher une superposition, une popup ou un clic modal sur un module Divi. Cela se fait à l’aide de l’identifiant unique de superposition.
Pourquoi utiliser un identifiant? L’ID indique à Divi Overlays qu’un module est déclenché et doit récupérer les superpositions avec cet ID. Tous les identifiants sont uniques, vous n’avez donc pas de contenu en double.

Dans Divi Overlays,

1. Aller aux déclencheurs manuels
2. Copiez l’ID de superposition unique

Sur le module que vous souhaitez déclencher

1. Ouvrez les paramètres du module
2. Dans le champ URL, collez ce qui suit:
#ouvrir

REMARQUE: Divi exige que le champ URL ne soit pas laissé vide. Nous utilisons donc un soi-disant «lien d’ancrage» pour garantir cela. Il peut s’agir de n’importe quel texte qui suit le symbole # (par exemple, #open, #overlay, #popup, etc.).

3. Allez dans l’onglet Avancé> ID CSS et classe> ID CSS
4e Inclure l’ID de superposition unique

REMARQUE: assurez-vous d’inclure l’ID de superposition unique dans le champ ID CSS Field et PAS le champ de classe CSS. Assurez-vous également qu’il n’y a rien devant, par ex. B. un point (.) Ou un signe dièse (#).

Sauvegarder les modifications

Une fois que vous avez enregistré les modifications et quitté Divi Builder, vous pouvez ouvrir la superposition. Les superpositions Divi vous donnent un contrôle total sur le contenu que vous souhaitez afficher et vous pouvez facilement le personnaliser.



Source link

Recent Posts