Comment créer une navigation collante dans le pied de page avec Elementor : Guide complet de mise en œuvre et de personnalisation

Implémenté dans Elementor Navigation collante en bas de page(menu de bas de page) peut être réalisé avec une mise en page personnalisée et quelques réglages astucieux. Il s'agit d'une solution qui combine les effets collants et l'interface utilisateur avec l'objectif principal :

• Pied de page collant :Lorsque la page défile, la barre de navigation se trouve en bas au lieu d'être en haut.
• L'image de marque est dans l'en-tête :Seule la marque est affichée en haut de la page.

Assurez-vous d'avoir installéversion gratuiterépondre en chantantVersion Pro d'Elementor(CSS personnalisable) Nous fournissons les instructions d'installation. Options du thème Bonjour Elementorpeut-êtreAstraet d'autres thèmes compatibles avec Elementor.

Les étapes de la réalisation :

1. créer une navigation collante en bas de page

1.1 Création d'un modèle de pied de page

Sélectionnez la page que vous souhaitez modifier ou passez la touche modèle > Constructeur de thèmes Créez un nouveau modèle de pied de page.

La création d'un nouveau modèle de pied de page permet de s'assurer que toutes les pages utilisent le même design. Ainsi, même si vous apportez des modifications à d'autres pages, le style et le contenu du pied de page ne seront pas affectés, ce qui garantit un style uniforme sur l'ensemble du site. La zone du pied de page peut être gérée séparément.

Créez un nouveau pied de page et n'insérez pas de bloc de pied de page qui interférerait avec le pied de page existant.

1.2 Création de pieds de page

Ajouter un nouveau conteneur :À l'endroit où vous souhaitez insérer le modèle de pied de page, cliquez sur le signe plus dans la zone de contenu de la page pour ajouter un nouveau modèle de pied de page. Conteneur.

Ajoutez les éléments de navigation que vous souhaitez dans cette section, qui peuvent êtremenuetrechercher qqch.etpage d'accueiletsignet (Internet) répondre en chantant Mon compte etc. fonctions, etc.

• Définissez la structure sur deux colonnes ou plus pour faciliter l'ajout d'éléments de navigation.

exemple typiqueSi vous travaillez sur unCréer une navigation collante en bas de page pour les sites de commerce électroniquevous pouvez utiliser la colonne de gauche pour "page d'accueil"icône, colonne de droite pour "chariot"Les utilisateurs peuvent ainsi accéder facilement aux pages importantes.

1.3 Ajustement de l'emballage

Vous avez ajouté les colonnes, nous pour la beauté de la navigation, chaque conteneur doit avoir la même taille, dans la prochaine configuration, les éléments dans le conteneur doivent également être cohérents, comprenons le conteneur.

Par exemple, nous choisissons d'ajouter 4 colonnes

C'est-à-dire qu'un grand conteneur contient 4 petits conteneurs (1 divisé en 4), il est donc possible de mettre en place des grands ou des petits conteneurs.

Unités de redimensionnement des conteneurs couramment utilisées px(pixels),%(ratio), chaque petit récipient dans le diagramme ci-dessus représente ce qui est25%.

Le grand conteneur est sélectionné et le menu du conteneur s'affiche dans la barre latérale gauche.

Comprendre le menu du conteneur :

• Avancé

Responsive : peut être configuré pour masquer ce que vous ajoutez sur un ordinateur de bureau, une tablette ou un téléphone portable.

Le menu du conteneur se compose principalement des rubriques suivantes : mise en page (Layout), style (Style), avancé (Advanced).

• Mise en page

• Style

En vérifiant les petits conteneurs individuellement, nous pouvons ajouter la mentionélément d'un ensembleEn d'autres termes, ajoutez lewidgetsCeux-ci.

En ce qui concerne la structure, une bonne compréhension de celle-ci permettra de présenter des éditions différentes lorsque vous sélectionnerez des contenus différents.

Nous le faisons cette fois-ci. Navigation collante en bas de pageJ'imagine que c'est quelque chose comme ça.

Contactez nous
Vous n'arrivez pas à lire le tutoriel ? Contactez-nous pour une réponse gratuite ! Aide gratuite pour les sites personnels et les sites de petites entreprises !	Service clientèle WeChat
① Tel : 020-2206-9892
② QQ咨询：1025174874
(iii) Courriel : info@361sale.com
④ Horaires de travail : du lundi au vendredi, de 9h30 à 18h30, jours fériés.