Comment créer un pied de page collé en utilisant l&rsquooption Divi collage

êtes à la recherche damp;rsquoun moyen damp;rsquoajouter une Dec qui suit les visiteurs parcourant votre site Web, pourriez envisager damp;rsquoutiliser un pied de page. Une barre collante est utilisée au bas du navigateur et pouvez inclure namp;rsquoimporte quel appel damp;rsquoaction de votre choix, quamp;rsquoil samp;rsquoagisse damp;rsquoun bouton ou damp;rsquoun contact. Lorsque les visiteurs font défiler la zone du pied de page damp;rsquoune 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 aider à augmenter le taux de conversion de la page! Vous pouvez également gratuitement le fichier json du modèle.
On y va. Aperçu avant damp;rsquoaller plus loin dans ce tutoriel, jetons un coup damp;rsquooeil 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, devez damp;rsquoabord le en utilisant les boutons ci dessous. Pour accéder au téléchargement, devez abonner à notre liste de diffusion quotidienne Divi en utilisant le tableau ci dessous. En tant que nouvel utilisateur, recevrez plus de Divi Goods et un paquet gratuit Divi Layout le lundi! êtes déjà sur la liste, il suffit de saisir votre adresse e mail ci dessous et cliquez sur . Vous ne serez pas « ré abonné » ou recevrez un courriel supplémentaire. Télécharger le fichier
Inscrivez à Divi Newsletter et nous enverrons par courriel une copie du dernier paquet de mise en page de la page damp;rsquoatterrissage Divi, ainsi quamp;rsquoun grand nombre damp;rsquoautres ressources, conseils et astuces Divi gratuits. Suivez nous et serez bientôt maître Divi. êtes déjà abonné, entrez votre adresse e mail ci dessous et cliquez sur pour accéder au paquet Layout.
Vous êtes inscrit avec succès. Vérifiez votre adresse e mail pour confirmer votre abonnement et obtenir AC
Onna 1il est temps damp;rsquoajouter des modules, en commençant par le module Blurb dans la colonne 1. Ajoutez votre sélection. Sélectionnez lamp;rsquoicône sélectionnez lamp;rsquoicône suivante. Configuration de lamp;rsquoicône basculer vers lamp;rsquoonglet conception du module et modéliser lamp;rsquoicône en conséquence: couleur de lamp;rsquoicône: f5d72f icône circulaire: est une couleur circulaire: 000000 image emplacement de lamp;rsquoicône: alignement de lamp;rsquoimage de lamp;rsquoicône en haut: Centre utilisant la taille de la police de lamp;rsquoIcône: est la taille de la police de lamp;rsquoicô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 damp;rsquoespacement.
Marge supérieure: 60 pixels Lamp;rsquoanimation complète la configuration du module en supprimant lamp;rsquoanimation de lamp;rsquoicône dans les paramètres damp;rsquoanimation. Animation image icône: pas damp;rsquoanimation Une fois que 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 à lamp;rsquoicô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 lamp;rsquoicône que 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 damp;rsquoenregistrer 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 nous montrons comment innover avec lamp;rsquooption adhésive de Divi. Plus précisément, nous 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 gratuitement le fichier json du modèle! avez des questions ou des suggestions, namp;rsquohésitez pas à faire part de vos commentaires dans la section commentaires ci dessous. souhaitez en savoir plus sur Divi et recevoir plus de cadeaux sur Divi, assurez de abonner à notre newsletter et à YouTube Channel afin que soyez toujours lamp;rsquoun des premiers à apprendre et à bénéficier de ce contenu gratuit.

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

ContactPress Supported By WordPress Plugins