Izzo e – mail confirme votre abonnement et reçoit gratuitement la version hebdomadaire du pain Divi! Comment ajouter un téléchargement de modèle de pied de page fixe à votre avertissement de partage de site!: L’ajout de ce modèle écrasera le modèle de site par défaut sur le site Divi, le cas échéant. Nous vous recommandons de l’ajouter au site d’essai afin que vous ne détruisiez rien sur le site.
Pour importer un modèle de barre de pied de page fixe dans un site Web, décompressez le fichier zip téléchargé pour accéder au fichier json. Ensuite, allez sur le tableau de bord WordPress et allez sur Divi > Theme Builder. Cliquez ensuite sur l’icône portabilité dans le coin supérieur droit de la page. Dans la fenêtre contextuelle de portabilité, sélectionnez le fichier json que vous venez de décompresser et sélectionnez l’option Télécharger la sauvegarde avant l’importation au cas où vous auriez déjà quelque chose dans le modèle de site par défaut que vous ne voulez pas écraser. Puis cliquez sur le bouton importer.
Enfin, enregistrez les modifications dans le générateur de thème et visualisez la page active pour voir le pied de page fixe.
Passons au tutoriel. Partie 1: le générateur de sujets qui ajoute global footer Divi vous permet de remplacer le footer par défaut par un nouveau footer en mettant à jour le modèle de site par défaut. Pour créer un pied de page global, allez sur le tableau de bord WordPress, puis allez sur Divi > Theme Builder. Cliquez ensuite sur Ajouter un pied de page global dans le modèle de site par défaut. Sélectionnez ensuite l’option créer un pied de page global dans le menu déroulant.
Ceci déploie l’éditeur de mise en page du modèle, qui vous demande immédiatement trois options sur la façon de commencer la construction. Sélectionnez construire à partir de zéro Partie 2: créer un pied de page fixe maintenant que nous éditons à partir de l’éditeur de mise en page du modèle, nous pouvons commencer à concevoir le pied de page
Fixe Une fois terminé, vous aurez une barre de pied de page fixe avec trois colonnes disponibles pour le contenu. Ajoutez une disposition à trois colonnes à la ligne d’abord, ajoutez une disposition à trois colonnes à la ligne. Hauteur de la section après avoir ajouté trois colonnes, nous spécifions une hauteur définie pour la section. Ceci est important pour créer un espace où les lignes fixes finissent par s’arrêter au bas de la page. Nous supprimerons également les remblais supérieurs et inférieurs par défaut.
Pour définir la hauteur et le remplissage, ouvrez la section paramètres et mettez à jour ce qui suit: hauteur: 85 Px remplissage: 0px haut, 0px bas Configuration des lignes maintenant que notre section est prête, nous pouvons personnaliser les lignes pour agir comme des barres de pied de page fixes. Ouvrez les paramètres de la ligne et mettez à jour ce qui suit: couleur de fond: # 1a1e36 Dimensions et espacement largeur de la gouttière: 1 largeur: 100% largeur maximale: 100% remplissage: 0px en haut, 0px en bas, 3% à gauche, 3% à droite Personnaliser CSS même si la ligne est fixe, nous voulons que la hauteur de la ligne corresponde à la hauteur de la section parent afin que l’espace au bas de la page contienne correctement la ligne. De plus, nous voulons nous assurer que le contenu de la ligne reste aligné verticalement. Pour ce faire, ajoutez les CSS personnalisés suivants à l’élément principal de la ligne:
Hauteur du Bureau: héritage! Important
Affichage: Flex;
Aligner les éléments: Centre; Hauteur du téléphone: héritage! Important
Affichage: blocs; Pour fixer l’exercice flottant au bas de l’écran, vous devez lui assigner une position fixe au bas du Centre comme suit: Emplacement: emplacement fixe: Centre inférieur Partie 2: créer un contenu de pied de page fixe maintenant, nous avons un pied de page en position fixe qui peut contenir du contenu. On peut.