Votre page d’information est l’une des pages les plus importantes de votre site. Cela permet aux gens de mieux vous connaître et de décider s’ils veulent passer à l’étape suivante. Si vous cherchez un moyen simple d’inclure une histoire dans la page À propos, vous apprécierez certainement ce tutoriel. Nous utiliserons l’effet de défilement de Divi pour créer une transition en douceur de la narration au défilement. Une partie de l’histoire a disparu, l’autre partie a disparu. Cela donne aux visiteurs l’impression de lire des histoires intéressantes. Vous pouvez également télécharger gratuitement le fichier json!
On y va. Aperçu avant d’aller plus loin dans ce tutoriel, jetons un coup d’oeil rapide aux résultats sur différents écrans de taille. Bureau Mobile Abonnez – vous à notre chaîne YouTube téléchargez gratuitement des histoires sur les pages sur la page de défilement pour obtenir l’historique des pages gratuites sur la page de défilement, vous devez d’abord les télécharger en utilisant les boutons ci – dessous. Pour accéder au téléchargement, vous devez vous abonner à notre liste de diffusion quotidienne Divi en utilisant le tableau ci – dessous. En tant que nouvel utilisateur, vous recevrez plus de Divi Goods et un paquet gratuit Divi Layout le lundi! Si vous êtes déjà sur la liste, il vous suffit de saisir votre adresse e – mail ci – dessous et cliquez sur télécharger. Vous ne serez pas « ré – abonné » ou vous recevrez un courriel supplémentaire. Télécharger le fichier
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! 1. Création
Titres: 7vw (bureau), 9vw (tablette), 11vw (téléphone)
Nous ajouterons également une animation verticale fine. Activer le mouvement vertical: est le décalage initial: 0 (50%) décalage moyen: 10 (100%) décalage final: 10 Fondu dans l’effet de défilement de fondu et fondu dans l’effet de fondu.
Activer le fondu d’entrée et de sortie: est l’opacité initiale: 100% opacité moyenne: 100% (55%) opacité finale: 0% (62%) Redimensionner l’effet de défilement vers le haut et vers le bas le dernier point, mais non le moindre, est que nous utiliserons également l’échelle pour l’effet de défilement vers le haut et vers le bas. Activer l’échelle supérieure et inférieure: est l’échelle initiale: 100% (40%) moyenne: 95% (74%) finale: 90% 4. Cloner la partie entière une fois, inclure le texte descriptif dans le titre d’édition et copier l’effet de défilement du contenu. Une fois la première partie terminée, vous pouvez la cloner complètement. Ouvrez le formulaire texte dans le conteneur de la section réplication et utilisez la copie H2.
Modifier les paramètres de texte du module de texte H2 modifier les paramètres de texte en conséquence H2: titre 2 caractères: nunito titre 2 poids des caractères: titre semi – gras couleur du texte 2: # FFFFFF titre 2: taille du texte: 5vw (bureau), 7vw (tablette), 8vw (téléphone) Titre 2 poids de ligne: 1EM (bureau), 1,2em (tablette et téléphone) Ajoutez le formulaire de texte 2 à la colonne ajouter du contenu, puis ajoutez un autre formulaire de texte à la colonne qui contient le contenu descriptif de votre choix. Paramètres de texte modifier les paramètres de texte d’un formulaire de texte comme suit:
Police de texte: Open sans text color: # FFFFFF text size: 1vw (Desktop), 2.5vw (tablette), 3vw (mobile) text Line height: 3.1em (Desktop), 2.5em (tablette et mobile) L’espacement utilise également la marge supérieure. Marge supérieure: 8
Esktop), 2vw (tablette), 3vw (téléphone mobile) remplissage à gauche: 3vw (bureau), 6vw (tablette), 8vw (téléphone mobile) remplissage à droite: 3vw (bureau), 6vw (tablette), 8vw (téléphone mobile) Aperçu maintenant que nous avons terminé toutes les étapes, regardons enfin les résultats sur les différents écrans de taille. Bureau Mobile Dans cet article, nous vous montrons comment raconter une histoire sur une page d’information en utilisant l’effet de défilement intégré Divi. Les effets que nous créons permettent aux copies successives de s’estomper à l’intérieur et à l’extérieur, donnant aux visiteurs l’impression de lire l’histoire. Vous pouvez également télécharger gratuitement le fichier json! Si vous avez des questions ou des suggestions, n’hésitez pas à faire part de vos commentaires dans la section commentaires ci – dessous. Si vous souhaitez en savoir plus sur Divi et recevoir plus de cadeaux sur Divi, assurez – vous de vous abonner à notre newsletter et à YouTube Channel afin que vous soyez toujours l’un des premiers à apprendre et à bénéficier de ce contenu gratuit.