Faisons le tutoriel, damp;rsquoaccord? Pour commencer, devez installer et activer le thème Divi. Assurez damp;rsquoavoir la dernière version de Divi. Vous devez le deuxième thème pour créer le paquet, car nous utiliserons le titre personnalisé sur le modèle de page 404 du paquet dans ce tutoriel. Après ça, pourrez partir. Créez un modèle d’importation de paquets à partir du deuxième thème du tableau de bord WordPress, allez à Divi amp;gt Theme Builder. Dans Theme Builder, sélectionnez lamp;rsquoicône portabilité dans le coin supérieur droit de la page. Dans la fenêtre contextuelle de portabilité, sélectionnez lamp;rsquoonglet importer et sélectionnez le fichier Template de page Theme Builder pack 2 404. Json et cliquez sur le bouton importer. (ce fichier damp;rsquoimportation sera dans le deuxième dossier de paquet de constructeur de thème)
Vous pouvez également choisir damp;rsquoimporter des en têtes et des pieds de page globaux en tant que mise en page statique.
Après avoir importé le modèle, cliquez sur lamp;rsquoicône pour modifier la zone de titre personnalisée. Ceci mènera à lamp;rsquoéditeur de mise en page du modèle de corps, où nous ajouterons une animation retardée aux boutons dans le titre par défaut. 8 animations de boutons poussoirs de retard pour personnaliser lamp;rsquoaction en tête appel les 8 animations de boutons poussoirs de retard ci dessous comprennent une combinaison unique damp;rsquooptions damp;rsquoanimation Divi intégrées et damp;rsquoattributs CSS de perspective. Lorsque lamp;rsquoanimation du bouton contient un effet Flip ou Collapse, la propriété perspective ajoute un effet 3D. Pour la plupart des animations, nous ajouterons une animation au bouton et à sa colonne principale pour un mouvement plus complexe.
Ils sont ici 1 Pop up Paramètres du bouton: lamp;rsquoanimation du bouton de retard de rebond déroulant est simple et efficace. Pour le construire, ouvrez les paramètres du module bouton et mettez à jour ce qui suit:
Animation: 2000 MS intensité de lamp;rsquoanimation: 800% opacité initiale de lamp;rsquoanimation: 100% Notez que lamp;rsquointensité de lamp;rsquoanimation est réglée à 800%. Ceci fait tourner le bouton trois fois pour créer un effet de rotation. Le résultat final est une animation de 8 boutons de retard. Jamp;rsquoespère que ces 8 animations avec le bouton Delay aideront à améliorer la conversion de lamp;rsquoen tête personnalisé CTA. Vous pouvez également utiliser ces exemples comme inspiration pour explorer plus de conception de site et damp;rsquoapplications! Tu as un favori? Jamp;rsquoai hâte damp;rsquoentendre vos commentaires. Bonjour!
Personnaliser l&rsquoanimation des 8 boutons de retard pour le titre de la Dec Divi
