Coller un pied de page est un bon moyen d’afficher du contenu important aux visiteurs. Au fur et à mesure que vous Défilez, le pied de page reste au bas de l’écran afin que vous puissiez toujours accéder facilement au contenu. Idéal pour les coordonnées, les liens spéciaux, etc. Heureusement, il est facile de créer des pieds de page collants en utilisant Divi. Dans ce tutoriel, nous apprendrons comment rendre le pied de page Divi collant et faire différents ajustements pour le Bureau et les appareils téléphoniques. Aperçu avant de commencer, regardons ce que vous voulez créer dans ce tutoriel.
Pied de page sticky Divi pour le Bureau c’est l’apparence de notre pied de page sticky Divi sur le Bureau. Pied de page adhésif Divi pour téléphone mobile c’est l’apparence de notre pied de page adhésif Divi sur votre téléphone. Pourquoi utiliser un pied de page collant? Il y a plusieurs avantages à utiliser des pieds de page collants… Premièrement, par défaut, les pages qui n’ont pas assez de contenu pour remplir la hauteur de l’écran auront un pied de page mobile. Un pied de page collant bloque le pied de page au bas de l’écran pour l’empêcher de flotter. Cela améliore la page et réduit l’ennui du lecteur.
Un autre avantage est que c’est un bon endroit pour mettre des invitations à l’action ou des informations à la disposition des utilisateurs. Les coordonnées, les annonces de vente, les bannières publicitaires, etc., peuvent être insérées dans le pied de page collant. Les numéros de téléphone sont particulièrement utiles pour les appels parce que vous pouvez les sélectionner. Téléchargez d’abord un pied de page Divi, et vous aurez besoin d’un modèle de pied de page pour travailler avec Divi Theme Builder. Vous pouvez créer vos propres modèles ou obtenir des modèles gratuits de votre blog élégant. Les thèmes élégants offrent des modèles gratuits d’en – tête et de pied de page qui correspondent à molt
Un des paquets de mise en page gratuits disponibles dans Divi. Vous pouvez trouver un modèle de pied de page en recherchant le blog \
Dans mon exemple, j’utilise des modèles gratuits d’en – tête et de pied de page pour le paquet Divi Wealth Planning Layout. J’utilise également la page d’atterrissage du paquet de mise en page de la planification du patrimoine comme contenu de page. Télécharger le pied de page Divi
Pour télécharger un modèle de pied de page, allez à Divi > Theme Builder dans le tableau de bord WordPress. Cliquez sur l’icône portabilité dans le coin supérieur droit et sélectionnez importer en mode ouvert. Ensuite, cliquez sur Sélectionner un fichier, allez au fichier json sur votre ordinateur et sélectionnez – le. Enfin, cliquez sur le bouton importer le modèle Divi Theme Builder en bas du mode. Attendez que le modèle charge et enregistre les paramètres.
Vous pouvez modifier un modèle à partir d’un générateur de thème à l’arrière – plan ou d’un constructeur visuel à l’avant. Coller le pied de page de Divi Je travaille à l’avant afin que je puisse voir les résultats sur place pour m’assurer qu’ils fonctionnent avec le corps du site. À l’avant, sélectionnez activer Visual Builder et Défilez vers le bas vers le pied de page, puis Sélectionnez Modifier le modèle de pied de page. Coller les paramètres de la section Divi footer Nous allons coller une partie du pied de page. Cette section contient des renseignements sur l’adresse, le téléphone et le courriel. Nous le réduirons pendant qu’il est collant et ferons différents ajustements pour le Bureau et le pied de page. Passez le curseur sur la partie que vous voulez définir pour coller et sélectionnez l’icône paramètres.
Sélectionnez l’onglet avancé et faites défiler vers le bas pour faire défiler les effets. Le premier réglage est la position de collage. Cliquez sur la case a d
Iscesa et sélectionnez keep down. Ceci active l’option permanente sur toute la section. Ensuite, allez dans l’onglet conception et faites défiler vers le bas dans l’espace. Il devrait déjà avoir des remblais en haut et en bas, mais sinon, ajoutez 30 Px à chacun. Remplissage: 30px, en haut et en bas des champs pour afficher différentes options. Cliquez sur l’icône pin. Ceci ouvre les paramètres permanents pour ce paramètre.
Vous verrez une icône et une icône pin sur le Bureau. L’icône du Bureau sera active. Cliquez sur l’icône pin pour ajuster le remplissage à l’état collant de la section. Ajouter 0px en haut et en bas. Joint adhésif: 0px, haut et bas. Vous pouvez déjà voir que la section est plus courte qu’avant. Cela permettra à la Section de paraître plus petite en dehors de sa section, puis de croître à sa taille normale lorsqu’elle est verrouillée en place dans le pied de page. C’est tout ce qu’on va faire pour la configuration du Bureau. Votre tablette suivra automatiquement ces paramètres.
Collant Divi footer column Settings Nous allons apporter quelques modifications à la conception du pied de page du téléphone. Passez le curseur sur la ligne et cliquez sur l’icône paramètres. Ensuite, nous allons apporter des modifications à deux de ces colonnes. Cliquez sur l’icône paramètres de la première colonne. Sélectionnez l’onglet avancé et faites défiler vers le bas vers la visibilité. Sous off, sélectionnez téléphone. Nous l’activerons sur la tablette parce qu’elle fonctionne comme un bureau. Cliquez sur la flèche vers l’arrière dans le coin supérieur gauche du mode. Désactiver sur: téléphone
Ensuite, cliquez sur l’icône paramètres de la troisième colonne. Allez dans l’onglet avancé, faites défiler vers la visibilité et désactivez – la sur votre téléphone. Cliquez sur la coche verte en bas ou exécutez C