{"id":4074,"date":"2024-10-25T21:15:41","date_gmt":"2024-10-25T13:15:41","guid":{"rendered":"https:\/\/www.openbyt.com\/?p=4074"},"modified":"2024-10-25T21:24:06","modified_gmt":"2024-10-25T13:24:06","slug":"how-to-create-a-sticky-footer-navigation-in-elementor","status":"publish","type":"post","link":"https:\/\/www.openbyt.com\/fr\/comment-creer-une-navigation-collante-en-bas-de-page-dans-elementor","title":{"rendered":"Comment cr\u00e9er une navigation collante dans le pied de page avec Elementor"},"content":{"rendered":"<p>La cr\u00e9ation d'un pied de page de navigation collant dans Elementor peut am\u00e9liorer l'exp\u00e9rience utilisateur en gardant les liens de navigation essentiels accessibles lorsque les utilisateurs font d\u00e9filer la page, en particulier sur mobile. Voici un guide complet sur la mise en place d'un pied de page collant dans Elementor, avec des \u00e9tapes d\u00e9taill\u00e9es.<\/p><div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img fetchpriority=\"high\" decoding=\"async\" width=\"881\" height=\"489\" src=\"https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-402.png\" alt=\"\" class=\"wp-image-4095\" srcset=\"https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-402.png 881w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-402-600x333.png 600w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-402-300x167.png 300w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-402-768x426.png 768w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-402-18x10.png 18w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-402-150x83.png 150w\" sizes=\"(max-width: 881px) 100vw, 881px\" \/><\/figure><\/div><h3 class=\"wp-block-heading\">\u00c9tape 1 : Configurer le mod\u00e8le de navigation du pied de page collant<\/h3><p>Garantir <strong>Elementor<\/strong> et <strong>Elementor Pro<\/strong> sont install\u00e9s, et utilisez un th\u00e8me compatible avec Elementor, tel que <strong>Bonjour Elementor<\/strong> ou <strong>Astra<\/strong>.<\/p><h4 class=\"wp-block-heading\">Cr\u00e9ation du mod\u00e8le de pied de page<\/h4><ol class=\"wp-block-list\"><li><strong>Ouvrez l'\u00e9diteur Elementor<\/strong><ul class=\"wp-block-list\"><li>S\u00e9lectionnez la page \u00e0 modifier ou allez \u00e0 <strong>Mod\u00e8les &gt; Constructeur de th\u00e8mes<\/strong> pour cr\u00e9er un nouveau mod\u00e8le de pied de page, garantissant ainsi une conception coh\u00e9rente sur toutes les pages.<\/li><\/ul><\/li><\/ol><div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"408\" height=\"265\" src=\"https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-384.png\" alt=\"\" class=\"wp-image-4075\" srcset=\"https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-384.png 408w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-384-300x195.png 300w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-384-18x12.png 18w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-384-150x97.png 150w\" sizes=\"(max-width: 408px) 100vw, 408px\" \/><\/figure><\/div><ol start=\"3\" class=\"wp-block-list\"><li><strong>Ajouter un nouveau mod\u00e8le de pied de page<\/strong><ul class=\"wp-block-list\"><li>Cliquez sur \"Ajouter un pied de page\" pour cr\u00e9er un nouveau mod\u00e8le de pied de page. L'utilisation d'un mod\u00e8le permet de conserver le m\u00eame style pour l'ensemble du site.<\/li><\/ul><\/li><\/ol><div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"481\" src=\"https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-386-1024x481.png\" alt=\"\" class=\"wp-image-4077\" srcset=\"https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-386-1024x481.png 1024w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-386-600x282.png 600w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-386-300x141.png 300w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-386-768x360.png 768w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-386-1536x721.png 1536w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-386-18x8.png 18w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-386-150x70.png 150w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-386.png 1828w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><ol start=\"5\" class=\"wp-block-list\"><li><strong>Ins\u00e9rer le mod\u00e8le de pied de page<\/strong><ul class=\"wp-block-list\"><li>Utilisez l'importation de mod\u00e8les d'Elementor pour ins\u00e9rer un mod\u00e8le de pied de page pr\u00e9enregistr\u00e9.<\/li>\n\n<li>Ouvrez la biblioth\u00e8que de mod\u00e8les, recherchez le mod\u00e8le de pied de page que vous avez enregistr\u00e9 et cliquez sur <strong>Ins\u00e9rer<\/strong>.<\/li><\/ul><\/li><\/ol><div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"539\" src=\"https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-385.png\" alt=\"\" class=\"wp-image-4076\" srcset=\"https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-385.png 1024w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-385-600x316.png 600w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-385-300x158.png 300w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-385-768x404.png 768w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-385-18x9.png 18w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-385-150x79.png 150w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><h3 class=\"wp-block-heading\">\u00c9tape 2 : Ajouter des \u00e9l\u00e9ments de navigation au pied de page<\/h3><p>Ici, ajoutez des liens vers des pages cl\u00e9s, telles que Accueil, Panier, Mon compte et une barre de recherche.<\/p><h4 class=\"wp-block-heading\">Cr\u00e9ation de la structure du pied de page<\/h4><ol class=\"wp-block-list\"><li><strong>Ajouter un nouveau conteneur<\/strong><ul class=\"wp-block-list\"><li>Au bas de votre page Elementor, cliquez sur \"+\" pour ajouter un nouveau conteneur d\u00e9sign\u00e9 comme pied de page.<\/li><\/ul><\/li><\/ol><figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"184\" src=\"https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-388-1024x184.png\" alt=\"\" class=\"wp-image-4079\" srcset=\"https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-388-1024x184.png 1024w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-388-600x108.png 600w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-388-300x54.png 300w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-388-768x138.png 768w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-388-18x3.png 18w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-388-150x27.png 150w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-388.png 1336w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><ol start=\"2\" class=\"wp-block-list\"><li><strong>Mise en place de la structure des colonnes<\/strong><ul class=\"wp-block-list\"><li>D\u00e9finissez la section sur deux colonnes ou plus pour organiser les \u00e9l\u00e9ments de navigation. Par exemple, placez une ic\u00f4ne \"Accueil\" \u00e0 gauche et une ic\u00f4ne \"<strong>Chariot<\/strong>Pour acc\u00e9der facilement aux pages cl\u00e9s, cliquez sur l'ic\u00f4ne \" \u00e0 droite \".<\/li><\/ul><\/li><\/ol><figure class=\"wp-block-image is-resized\"><a href=\"https:\/\/www.361sale.com\/wp-content\/uploads\/2024\/10\/2024101602350992.png\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/www.361sale.com\/wp-content\/uploads\/2024\/10\/2024101602350992.png.webp\" alt=\"\u63d0\u5347\u7528\u6237\u4f53\u9a8c\uff1a\u5728 Elementor \u4e2d\u521b\u5efa\u79fb\u52a8\u7aef\u53cb\u597d\u7684\u7c98\u6027\u9875\u811a\u5bfc\u822a\" class=\"wp-image-21571\" style=\"width:906px;height:auto\"\/><\/a><\/figure><h4 class=\"wp-block-heading\">Ajout d'\u00e9l\u00e9ments d'ic\u00f4nes<\/h4><p>Chaque colonne re\u00e7oit un \u00e9l\u00e9ment de navigation :<\/p><ol class=\"wp-block-list\"><li><strong>Ajouter une ic\u00f4ne \"Accueil<\/strong><ul class=\"wp-block-list\"><li>Utilisez le <strong>Ic\u00f4ne<\/strong> widget : Faites glisser le widget Ic\u00f4ne dans la colonne de gauche et s\u00e9lectionnez <strong>Bo\u00eete \u00e0 ic\u00f4nes<\/strong> pour combiner l'ic\u00f4ne et l'\u00e9tiquette.<\/li>\n\n<li>Personnalisez l'ic\u00f4ne : Choisissez une ic\u00f4ne de maison dans la biblioth\u00e8que d'ic\u00f4nes, en ajustant la couleur et la taille pour qu'elle corresponde \u00e0 la conception.<\/li>\n\n<li>Ajoutez un lien : Dans les param\u00e8tres du widget Ic\u00f4ne, ajoutez un lien vers la page d'accueil (par exemple, \/ ou https:\/\/yourdomain.com).<\/li><\/ul><\/li><\/ol><div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\"><div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\"><div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"452\" src=\"https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-390.png\" alt=\"\" class=\"wp-image-4081\" srcset=\"https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-390.png 1024w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-390-600x265.png 600w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-390-300x132.png 300w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-390-768x339.png 768w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-390-18x8.png 18w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-390-150x66.png 150w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><\/div>\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\"><figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"586\" src=\"https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/1729858448573.png\" alt=\"\" class=\"wp-image-4082\" srcset=\"https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/1729858448573.png 1024w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/1729858448573-600x343.png 600w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/1729858448573-300x172.png 300w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/1729858448573-768x440.png 768w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/1729858448573-18x10.png 18w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/1729858448573-150x86.png 150w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><\/div><figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"464\" src=\"https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-391.png\" alt=\"\" class=\"wp-image-4083\" srcset=\"https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-391.png 1024w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-391-600x272.png 600w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-391-300x136.png 300w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-391-768x348.png 768w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-391-18x8.png 18w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-391-150x68.png 150w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"452\" src=\"https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-401.png\" alt=\"\" class=\"wp-image-4093\" srcset=\"https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-401.png 1024w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-401-600x265.png 600w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-401-300x132.png 300w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-401-768x339.png 768w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-401-18x8.png 18w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-401-150x66.png 150w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><ol start=\"2\" class=\"wp-block-list\"><li><strong>Ajouter une ic\u00f4ne \"Panier<\/strong><ul class=\"wp-block-list\"><li>Dans la colonne de droite, ajoutez un autre widget Ic\u00f4ne avec une balise <strong>ic\u00f4ne du panier<\/strong>.<\/li>\n\n<li>Liez-le \u00e0 la page du panier (par exemple, \/cart ou https:\/\/yourdomain.com\/cart).<\/li><\/ul><\/li><\/ol><div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\"><div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\"><div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"466\" src=\"https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-392.png\" alt=\"\" class=\"wp-image-4084\" srcset=\"https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-392.png 1024w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-392-600x273.png 600w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-392-300x137.png 300w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-392-768x350.png 768w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-392-18x8.png 18w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-392-150x68.png 150w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><\/div><\/div><ol start=\"3\" class=\"wp-block-list\"><li><strong>Ajouter une ic\u00f4ne \"Mon compte<\/strong><ul class=\"wp-block-list\"><li>Ajoutez une ic\u00f4ne de compte dans une colonne d\u00e9sign\u00e9e.<\/li>\n\n<li>Reliez-le \u00e0 la page du compte (g\u00e9n\u00e9ralement \/mon-compte ou https:\/\/yourdomain.com\/my-account).<\/li><\/ul><\/li><\/ol><div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"482\" src=\"https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-393.png\" alt=\"\" class=\"wp-image-4085\" srcset=\"https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-393.png 1024w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-393-600x282.png 600w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-393-300x141.png 300w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-393-768x362.png 768w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-393-18x8.png 18w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-393-150x71.png 150w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><ol start=\"4\" class=\"wp-block-list\"><li><strong>Ajouter une fonction de recherche<\/strong><ul class=\"wp-block-list\"><li>Faites glisser le widget Recherche dans une colonne.<\/li>\n\n<li>Personnalisez le style de la barre de recherche : D\u00e9finissez la couleur, la taille et le texte de l'espace r\u00e9serv\u00e9 pour qu'il corresponde au design du pied de page.<\/li><\/ul><\/li><\/ol><div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"391\" src=\"https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-394.png\" alt=\"\" class=\"wp-image-4086\" srcset=\"https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-394.png 1024w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-394-600x229.png 600w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-394-300x115.png 300w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-394-768x293.png 768w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-394-18x7.png 18w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-394-150x57.png 150w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><h3 class=\"wp-block-heading\">\u00c9tape 3 : Personnalisation de la mise en page et du style du pied de page<\/h3><p>Apr\u00e8s avoir ajout\u00e9 les \u00e9l\u00e9ments de navigation, peaufinez la mise en page et le style du pied de page pour une pr\u00e9sentation unifi\u00e9e et conviviale.<\/p><h4 class=\"wp-block-heading\">Ajustements de la mise en page<\/h4><ol class=\"wp-block-list\"><li><strong>Ajuster la largeur des colonnes<\/strong><ul class=\"wp-block-list\"><li>Ajustez la largeur de chaque colonne pour r\u00e9partir uniform\u00e9ment les \u00e9l\u00e9ments de navigation dans les param\u00e8tres du conteneur, par exemple en r\u00e9glant chaque colonne sur 25% ou 50%.<\/li><\/ul><\/li><\/ol><div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"459\" src=\"https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-395-1024x459.png\" alt=\"\" class=\"wp-image-4087\" srcset=\"https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-395-1024x459.png 1024w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-395-600x269.png 600w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-395-300x134.png 300w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-395-768x344.png 768w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-395-1536x688.png 1536w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-395-18x8.png 18w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-395-150x67.png 150w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-395.png 1809w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><ol start=\"2\" class=\"wp-block-list\"><li><strong>Aligner les \u00e9l\u00e9ments de navigation<\/strong><ul class=\"wp-block-list\"><li>S\u00e9lectionnez chaque widget et ajustez l'alignement (au centre, \u00e0 gauche ou \u00e0 droite) pour l'\u00e9quilibrer.<\/li><\/ul><\/li><\/ol><div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"473\" src=\"https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-396-1024x473.png\" alt=\"\" class=\"wp-image-4088\" srcset=\"https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-396-1024x473.png 1024w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-396-600x277.png 600w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-396-300x139.png 300w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-396-768x355.png 768w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-396-1536x710.png 1536w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-396-18x8.png 18w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-396-150x69.png 150w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-396.png 1828w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><ol start=\"3\" class=\"wp-block-list\"><li><strong>Style Ic\u00f4ne<\/strong><ul class=\"wp-block-list\"><li>Dans les param\u00e8tres de chaque widget d'ic\u00f4ne, r\u00e9glez la taille et la couleur de l'ic\u00f4ne, et ajoutez un effet de survol si vous le souhaitez.<\/li><\/ul><\/li><\/ol><div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"469\" src=\"https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-397-1024x469.png\" alt=\"\" class=\"wp-image-4089\" srcset=\"https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-397-1024x469.png 1024w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-397-600x275.png 600w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-397-300x137.png 300w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-397-768x352.png 768w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-397-1536x703.png 1536w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-397-18x8.png 18w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-397-150x69.png 150w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-397.png 1828w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><h3 class=\"wp-block-heading\">\u00c9tape 4 : Activer l'effet collant<\/h3><p>Gr\u00e2ce \u00e0 l'effet collant d'Elementor Pro, le pied de page reste visible lorsque les utilisateurs font d\u00e9filer la page.<\/p><ol class=\"wp-block-list\"><li><strong>Mise en place d'un comportement collant<\/strong><ul class=\"wp-block-list\"><li>S\u00e9lectionnez la section du pied de page et allez \u00e0 <strong>Param\u00e8tres avanc\u00e9s &gt; Effets de mouvement<\/strong>.<\/li>\n\n<li>Activer <strong>Collant<\/strong> et de le coller au fond.<\/li><\/ul><\/li><\/ol><figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"474\" src=\"https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-398-1024x474.png\" alt=\"\" class=\"wp-image-4090\" srcset=\"https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-398-1024x474.png 1024w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-398-600x278.png 600w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-398-300x139.png 300w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-398-768x356.png 768w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-398-1536x712.png 1536w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-398-18x8.png 18w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-398-150x70.png 150w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-398.png 1828w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><ol start=\"2\" class=\"wp-block-list\"><li><strong>S\u00e9lectionnez les options d'affichage de l'appareil<\/strong><ul class=\"wp-block-list\"><li>S\u00e9lectionnez l'endroit o\u00f9 appliquer l'effet collant (ordinateur de bureau, tablette ou mobile).<\/li><\/ul><\/li><\/ol><h4 class=\"wp-block-heading\">Personnalisation du style<\/h4><ol class=\"wp-block-list\"><li><strong>Couleur de fond<\/strong><ul class=\"wp-block-list\"><li>Cliquez sur le conteneur du pied de page et d\u00e9finissez une couleur d'arri\u00e8re-plan sous la rubrique <strong>Style<\/strong> pour une meilleure visibilit\u00e9.<\/li><\/ul><\/li><\/ol><div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"474\" src=\"https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-399-1024x474.png\" alt=\"\" class=\"wp-image-4091\" srcset=\"https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-399-1024x474.png 1024w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-399-600x278.png 600w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-399-300x139.png 300w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-399-768x355.png 768w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-399-1536x711.png 1536w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-399-18x8.png 18w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-399-150x69.png 150w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-399.png 1828w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><ol start=\"2\" class=\"wp-block-list\"><li><strong>Typographie<\/strong><ul class=\"wp-block-list\"><li>S\u00e9lectionnez chaque <strong>texte <\/strong>comme les \u00e9tiquettes de navigation.<\/li>\n\n<li>Aller \u00e0 <strong>Style &gt;Contenu <\/strong>pour personnaliser la police, la taille et la couleur afin d'am\u00e9liorer la lisibilit\u00e9.<\/li><\/ul><\/li><\/ol><div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"476\" src=\"https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-400-1024x476.png\" alt=\"\" class=\"wp-image-4092\" srcset=\"https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-400-1024x476.png 1024w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-400-600x279.png 600w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-400-300x139.png 300w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-400-768x357.png 768w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-400-1536x713.png 1536w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-400-18x8.png 18w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-400-150x70.png 150w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-400.png 1828w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><h3 class=\"wp-block-heading\">\u00c9tape 5 : Sauvegarde et pr\u00e9visualisation<\/h3><p>Une fois le r\u00e9glage effectu\u00e9, cliquez sur <strong>\u00c9conomiser<\/strong> pour publier le mod\u00e8le. Pr\u00e9visualisez pour vous assurer que le pied de page collant reste en bas et que tous les liens fonctionnent correctement.<\/p><h3 class=\"wp-block-heading\">R\u00e9sum\u00e9<\/h3><p>La cr\u00e9ation d'une navigation collante en bas de page dans Elementor permet de garder les liens essentiels accessibles lorsque les utilisateurs font d\u00e9filer la page, ce qui am\u00e9liore la convivialit\u00e9, en particulier sur les appareils mobiles. La mise en place d'un mod\u00e8le de pied de page dans le constructeur de th\u00e8mes garantit une conception coh\u00e9rente sur toutes les pages. L'ajout d'\u00e9l\u00e9ments de navigation tels que les ic\u00f4nes Accueil, Panier, Mon compte et Recherche dans des colonnes structur\u00e9es permet d'acc\u00e9der facilement aux pages cl\u00e9s. La personnalisation de la mise en page, l'ajustement des styles d'ic\u00f4nes et l'activation de l'effet collant permettent aux utilisateurs de voir le pied de page lorsqu'ils naviguent. Une fois ces \u00e9tapes termin\u00e9es, l'enregistrement et la pr\u00e9visualisation du mod\u00e8le permettent de confirmer le bon fonctionnement du pied de page collant et de maintenir une conception coh\u00e9rente et conviviale sur l'ensemble de votre site.<\/p>","protected":false},"excerpt":{"rendered":"<p>La cr\u00e9ation d'une navigation collante en bas de page dans Elementor peut am\u00e9liorer l'exp\u00e9rience de l'utilisateur en gardant les liens de navigation essentiels accessibles lorsque les utilisateurs d\u00e9filent, en particulier sur mobile. Voici un...<\/p>","protected":false},"author":10,"featured_media":4095,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[61,57],"tags":[354,353],"class_list":["post-4074","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-plugin-usage-and-recommendation","category-plugins-theme","tag-elementor-pro-tips","tag-sticky-footer-navigation",""],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.openbyt.com\/fr\/wp-json\/wp\/v2\/posts\/4074","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.openbyt.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.openbyt.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.openbyt.com\/fr\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/www.openbyt.com\/fr\/wp-json\/wp\/v2\/comments?post=4074"}],"version-history":[{"count":2,"href":"https:\/\/www.openbyt.com\/fr\/wp-json\/wp\/v2\/posts\/4074\/revisions"}],"predecessor-version":[{"id":4100,"href":"https:\/\/www.openbyt.com\/fr\/wp-json\/wp\/v2\/posts\/4074\/revisions\/4100"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.openbyt.com\/fr\/wp-json\/wp\/v2\/media\/4095"}],"wp:attachment":[{"href":"https:\/\/www.openbyt.com\/fr\/wp-json\/wp\/v2\/media?parent=4074"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.openbyt.com\/fr\/wp-json\/wp\/v2\/categories?post=4074"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.openbyt.com\/fr\/wp-json\/wp\/v2\/tags?post=4074"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}