Faisons le tutoriel, d’accord? Pour commencer, vous devez installer et activer le thème Divi. Assurez – vous d’avoir la dernière version de Divi. Vous devez télécharger 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, vous pourrez partir. Créez un modèle d’importation de paquets à partir du deuxième thème du tableau de bord WordPress, allez à Divi > Theme Builder. Dans Theme Builder, sélectionnez l’icône portabilité dans le coin supérieur droit de la page. Dans la fenêtre contextuelle de portabilité, sélectionnez l’onglet importer et sélectionnez le fichier Template de page Theme Builder pack – 2 – 404. Json et cliquez sur le bouton importer. (ce fichier d’importation sera dans le deuxième dossier de paquet de constructeur de thème)
Vous pouvez également choisir d’importer 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 l’icône pour modifier la zone de titre personnalisée.
Ceci vous mènera à l’é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 l’action en – tête appel les 8 animations de boutons – poussoirs de retard ci – dessous comprennent une combinaison unique d’options d’animation Divi intégrées et d’attributs CSS de perspective. Lorsque l’animation 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: l’animation 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 l’animation: 800% opacité initiale de l’animation: 100% Notez que l’intensité de l’animation 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. J’espère que ces 8 animations avec le bouton Delay aideront à améliorer la conversion de l’en – tête personnalisé CTA. Vous pouvez également utiliser ces exemples comme inspiration pour explorer plus de conception de site et d’applications! Tu as un favori? J’ai hâte d’entendre vos commentaires. Bonjour!