Voir le contenu en utilisant l’animation Divi

Opacité initiale de l’animation: 0%

Note: cette animation affiche l’apparence du texte ouvert à gauche. Notez que ces paramètres d’animation correspondent à l’animation du module séparateur juste au – dessus. Enregistrer les paramètres ajouter l’image # 2, puis ajouter le module image sous le module d’appel d’action nouvellement créé. Mettre à jour les paramètres de l’image comme suit: sur l’onglet Contenu…
URL de l’image: [Télécharger l’image # 2] sur l’onglet conception… Largeur totale de la Force: style d’animation s: direction de l’animation de défilement: intensité de l’animation à gauche: 13% opacité initiale de l’animation: 100% Ajouter l’image # 3 C’est tout ce que nous avons dans la deuxième colonne (au milieu). Maintenant, ajoutons la troisième image dans la troisième colonne (la plus à droite). Pour ce faire, nous pouvons copier le module image que vous venez d’ajouter au bas de la deuxième colonne et le coller dans la troisième colonne. Comme le style d’animation est le même, le nouveau module image n’a besoin que de l’URL réelle de l’image à mettre à jour.
Copier et personnaliser le séparateur et invoquer le module d’action après avoir ajouté une nouvelle URL d’image à l’image copiée dans la troisième colonne, copiez \/ copiez le séparateur et invoquer le module d’action que vous avez créé en haut de la deuxième colonne, et faites glisser \/ coller les deux modules sous l’image # 3 dans La troisième colonne. Pour le module Splitter, changez le réglage de direction de l’animation sur l’onglet design à gauche. Pour le nouveau formulaire d’appel à l’action, continuez et mettez à jour les paramètres suivants: sur l’onglet Contenu… Titre: nouvelle méthode de construction dans l’onglet Design… Remplissage personnalisé: 80 pixels à droite, 80 pixels en bas, 80 pixels à gauche direction de l’animation: gauche Maintenant Regardons notre résultat final… Avantages: télécharger ces sections pour faciliter l’importation
Comme avantage supplémentaire, nous avons emballé la partie intégrée du tutoriel d’aujourd’hui dans un téléchargement gratuit que vous pouvez obtenir en utilisant le formulaire d’activation par courriel ci – dessous. Il suffit de saisir votre e – mail et le bouton téléchargement apparaît. Si vous faites déjà partie du bulletin Divi, ne vous inquiétez pas de vous abonner à nouveau. La ré – insertion d’un courriel ne produira plus de courriel ou de messages en double. Il n’affichera que le contenu téléchargé. Amusez – vous bien. Télécharger le paquet de mise en page Inscrivez – vous à Divi Newsletter et nous vous enverrons par courriel une copie du dernier paquet de mise en page de la page d’atterrissage Divi, ainsi qu’un grand nombre d’autres ressources, conseils et astuces Divi gratuits. Suivez – nous et vous serez bientôt maître Divi. Si vous êtes déjà abonné, entrez votre adresse e – mail ci – dessous et cliquez sur télécharger pour accéder au paquet Layout. Vous vous êtes inscrit avec succès. Vérifiez votre adresse e – mail pour confirmer votre abonnement et Obtenez gratuitement le paquet hebdomadaire Divi Layout! Pour utiliser ces téléchargements, cherchez d’abord un fichier compressé appelé animation _ Effects Part 5. Compressez dans notre dossier de téléchargement. Décompressez – le pour afficher les importations suivantes. Effets d’animation partie 5 (section 1). Json animation Effects Part 5 (section 2). Json navigue le panneau de gestion WordPress vers Divi > Divi Library > Import and export. Lorsque le mode portable apparaît, cliquez sur l’onglet importer et le bouton marqué pour sélectionner le fichier. Sélectionnez votre fichier json préféré et cliquez sur importer la disposition Divi Builder. Une fois l’importation terminée, allez au poste ou à la page à laquelle vous souhaitez ajouter le contenu de la section précédente. Activez Visual Builder. Naviguez vers la Section de la page à laquelle vous souhaitez ajouter le contenu de la section précédente. Lorsque vous cliquez sur l’icône ajouter une nouvelle section, l’option Ajouter à partir de la Bibliothèque s’affiche. Sceg