Comment créer un pied de page collé en utilisant l’option Divi collage

Si vous êtes à la recherche d’un moyen d’ajouter une Dec qui suit les visiteurs parcourant votre site Web, vous pourriez envisager d’utiliser un pied de page. Une barre collante est utilisée au bas du navigateur et vous pouvez inclure n’importe quel appel d’action de votre choix, qu’il s’agisse d’un bouton ou d’un contact. Lorsque les visiteurs font défiler la zone du pied de page d’une page, la barre de pied de page et la conception du pied de page sont fusionnées lorsque le style de la barre de pied de page collante est modifié. Cette belle esthétique peut vous aider à augmenter le taux de conversion de la page! Vous pouvez également télécharger gratuitement le fichier json du modèle.
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 Téléchargement gratuit du modèle global footer pour obtenir un modèle global footer gratuit, vous devez d’abord le 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 obtenir AC
Onna 1il est temps d’ajouter des modules, en commençant par le module Blurb dans la colonne 1. Ajoutez votre sélection. Sélectionnez l’icône sélectionnez l’icône suivante. Configuration de l’icône basculer vers l’onglet conception du module et modéliser l’icône en conséquence: couleur de l’icône: \ # f5d72f icône circulaire: est une couleur circulaire: \ # 000000 image \/ emplacement de l’icône: alignement de l’image \/ de l’icône en haut: Centre utilisant la taille de la police de l’Icône: est la taille de la police de l’icône: 32px Les paramètres de texte sont ensuite modifiés.
Alignement du texte: centrer la couleur du texte: effacer Paramètres du texte du titre il apporte également quelques modifications aux paramètres du texte du titre. Police de titre: Poppins title text color: # 000000 Paramètres du corps du texte il modifie également les paramètres du texte du corps. Caractères du corps: Poppins poids des caractères du corps: surgras taille du texte du corps: 20px Dans le prochain réglage de taille, réglez la largeur du contenu à 100%. Largeur du contenu: 100% Espacement pour créer une superposition, ajoutez une marge supérieure négative aux paramètres d’espacement.
Marge supérieure: – 60 pixels L’animation complète la configuration du module en supprimant l’animation de l’icône dans les paramètres d’animation. Animation image \/ icône: pas d’animation Une fois que vous avez cloné le module Blurb et placé la réplique dans la colonne 3 pour compléter le premier module Blurb dans la colonne 1, clonez – le une fois et placez la réplique dans la colonne 3. Modifier le contenu et les icônes modifier le contenu et les icônes pour les copier. Ajoutez le module Blurb à l’icône de sélection de colonne 2, puis ajoutez le nouveau module Blurb à la colonne 2. Laissez la zone de contenu vide et sélectionnez l’icône que vous avez sélectionnée. Couleur de fond ajouter la couleur de fond suivante. Couleur de fond: # 000000 Configuration I
Ensuite, ouvrez le module Blurb dans la colonne 2 et appliquez une couleur de fond collante. Couleur de fond collante: # ea6c01 4. Une fois que toutes les étapes de collage pour enregistrer les modifications apportées au modèle et au générateur de thème sont terminées, assurez – vous d’enregistrer les modifications apportées au modèle et au générateur de thème avant de voir les résultats sur le site Web! 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 innover avec l’option adhésive de Divi. Plus précisément, nous vous avons montré comment créer une barre de pied de page collante qui se mélange avec la zone de pied de page lorsque les gens font défiler la page vers le bas. Vous pouvez également télécharger gratuitement le fichier json du modèle! 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.