Comment rediriger l’accès vers la page d’atterrissage en utilisant la barre d’affichage dans Divi

Pour commencer, vous devez faire ce qui suit: si ce n’est pas déjà fait, installez et activez le thème Divi. Créez une nouvelle page dans WordPress et utilisez Divi Builder pour éditer la page à l’avant (Visual Builder). Sélectionnez l’option construire à partir de zéro. Ensuite, vous aurez une toile vierge à concevoir dans Divi.
Comment utiliser les annonces dans Divi pour rediriger l’accès à la page d’atterrissage partie 1: chargement de la mise en page de la page d’atterrissage du magasin électronique avant que nous puissions rediriger la page d’atterrissage, nous devons en créer une. Pour accélérer le processus, nous utiliserons la mise en page de la page d’atterrissage du magasin électronique dans le paquet de mise en page du magasin électronique Divi, disponible dans Divi Builder. Pour charger une mise en page sur une page, cliquez sur le bouton Ajouter à partir de la Bibliothèque (icône plus) dans le menu paramètres. Dans l’onglet mise en page par défaut, sélectionnez la mise en page de la page d’atterrissage du magasin d’électronique et cliquez sur le bouton utiliser cette mise en page. Bien sûr, vous pouvez utiliser la page d’atterrissage existante sur le site, ou vous pouvez en créer une vous – même. Mais pour le moment, ça marchera. Partie 2: créer des sections avec des conditions d’accès à la page pour construire des panneaux d’affichage
Nous utiliserons la section Divi. Continuez en ajoutant une nouvelle section générale sous le Haut existant de la disposition. Une fois ajouté, faites glisser la section en haut de la mise en page et ajoutez les trois quarts de la quatrième ligne à la section. Ouvrez les paramètres de la zone et ajoutez les couleurs de fond suivantes à la zone:
Couleur de fond: # 5e10da Sur l’onglet design, Rafraîchissez l’espacement et ajoutez l’effet d’animation à la section comme suit: Remplissez: 0px en haut, 0px en bas style d’animation: direction de l’animation de diapositives: opacité initiale de l’animation vers le bas: 100% cela réduira la hauteur du panneau d’affichage et lui donnera un effet d’animation attrayant lorsque la page est chargée. Dans l’onglet avancé, ajoutez une nouvelle condition d’affichage à la section en cliquant sur l’icône plus dans les conditions d’affichage. Dans le menu déroulant conditions, sélectionnez les conditions d’accès à la page dans la liste. Dans la fenêtre contextuelle paramètres des critères d’accès à la page, sélectionnez les options qui ne s’affichent que lorsque l’utilisateur a accédé à une page spécifique. Sélectionnez une page spécifique dans la liste des pages du site (dans ce cas, la page d’atterrissage). Enregistrer les paramètres. Vous aurez maintenant de nouvelles conditions d’accès à la page pour cette section. Remarque: Si vous utilisez un plug – in cache, vous devez exclure cette page du cache pour permettre aux conditions d’affichage de fonctionner correctement. Partie 3: créer le contenu de la barre d’affichage À ce stade, nous avons préparé les sections et les lignes de la barre d’affichage. Et nos sections ont des conditions d’affichage de page actives. Par conséquent, tout ce que nous ajoutons dans la section héritera de cette condition
Affiché. C’est l’animation de la barre d’affichage lorsque la page est chargée. Enfin, considérez que les critères d’affichage de la page mis en évidence dans ce tutoriel ne sont qu’une des nombreuses options de critères disponibles dans Divi. N’hésitez pas à combiner les conditions d’affichage de la page avec d’autres conditions significatives sur le panneau d’affichage. Par exemple, vous pouvez également inclure des conditions d’achat de produits afin que seuls les visiteurs qui ne l’ont pas encore fait bénéficient d’un rabais lors de leur premier achat. De plus, vous pouvez voir d’autres choses en dehors de la barre d’affichage. Amusez – vous bien. J’ai hâte d’entendre vos commentaires. Bonjour!