Lors de la création d'un site web avec WordPress, l'option par défautThème AstraLes en-têtes et les pieds de page ne répondent peut-être pas à tous vos besoins en matière d'apparence de votre site web. Heureusement, avec l'outilelmentorVous pouvez facilement créer et personnaliser vos propres en-têtes et pieds de page. Cet article explique comment vous pouvez créer vos propres en-têtes et pieds de page dans l'applicationelmentorGénérer ces sections personnalisées dans leThème Astrales paramètres par défaut afin de personnaliser davantage votre site web.
Nous devons d'abord nous rendre sur la page Edit with Elementor.
![Image [1] - Comment créer des en-têtes et des pieds de page personnalisés avec Elementor : un guide étape par étape (09) - photonwave.com | Service professionnel de réparation de WordPress, portée mondiale, réponse rapide](https://www.361sale.com/wp-content/uploads/2024/08/2024083003351328.png)
Cliquez sur le symbole comme indiqué ci-dessus pour accéder aux paramètres globaux.
![Image [2] - Comment créer des en-têtes et des pieds de page personnalisés avec Elementor : un guide étape par étape (09) - photonwave.com | Service professionnel de réparation de WordPress, portée mondiale, réponse rapide](https://www.361sale.com/wp-content/uploads/2024/08/2024083003363680.png)
Cliquez sur Theme Builder pour accéder au constructeur de widgets d'elmentor.
![Image [3] - Comment créer des en-têtes et des pieds de page personnalisés avec Elementor : un guide étape par étape (09) - photonwave.com | Service professionnel de réparation de WordPress, portée mondiale, réponse rapide](https://www.361sale.com/wp-content/uploads/2024/08/2024083003391748.png)
Vous pouvez modifier l'en-tête et le pied de page, ainsi que les produits individuels ou d'autres pages. Si vous avez besoin de plus de personnalisation et de bricolage, ce site est fait pour vous !
![Image [4] - Comment créer des en-têtes et des pieds de page personnalisés avec Elementor : un guide étape par étape (09) - photonwave.com | Service professionnel de réparation de WordPress, portée mondiale, réponse rapide](https://www.361sale.com/wp-content/uploads/2024/08/2024083003410262.png)
Nous commencerons par ajouter un en-tête, comme indiqué ci-dessus
![Image [5] - Comment créer des en-têtes et pieds de page personnalisés avec Elementor : un guide étape par étape (09) - photonwave.com | Service professionnel de réparation de WordPress, dans le monde entier, réponse rapide](https://www.361sale.com/wp-content/uploads/2024/08/2024083003421830.png)
Choisissez une mise en page qui vous plaît, les détails exacts peuvent être modifiés.
![Image [6] - Comment créer des en-têtes et pieds de page personnalisés avec Elementor : un guide étape par étape (09) - photonwave.com | Service professionnel de réparation de WordPress, dans le monde entier, réponse rapide](https://www.361sale.com/wp-content/uploads/2024/08/2024083003440264.png)
Cliquez sur Insérer, téléchargez d'abord, nous obtiendrons un titre de l'interface, comme suit
![Image [7] - Comment créer des en-têtes et des pieds de page personnalisés avec Elementor : un guide étape par étape (09) - photonwave.com | Service professionnel de réparation de WordPress, dans le monde entier, réponse rapide](https://www.361sale.com/wp-content/uploads/2024/08/2024083005502181.png)
Ensuite, nous pourrons changer le logo, le menu et la socialisation sur le côté droit.
![Image [8] - Comment créer des en-têtes et pieds de page personnalisés avec Elementor : un guide étape par étape (09) - photonwave.com | Service professionnel de réparation de WordPress, dans le monde entier, réponse rapide](https://www.361sale.com/wp-content/uploads/2024/08/2024083005560871.png)
![Image [9] - Comment créer des en-têtes et pieds de page personnalisés avec Elementor : un guide étape par étape (09) - photonwave.com | Service professionnel de réparation de WordPress, dans le monde entier, réponse rapide](https://www.361sale.com/wp-content/uploads/2024/08/2024083005574380.png)
Bien sûr, vous pouvez ajouter de nouveaux modules, mais soyez conscient des problèmes d'adaptation entre chaque appareil !
![Image [10] - Comment créer des en-têtes et des pieds de page personnalisés avec Elementor : un guide étape par étape (09) - photonwave.com | Service professionnel de réparation de WordPress, portée mondiale, réponse rapide](https://www.361sale.com/wp-content/uploads/2024/08/2024083006015357.png)
![Image [11] - Comment créer des en-têtes et des pieds de page personnalisés avec Elementor : un guide étape par étape (09) - photonwave.com | Service professionnel de réparation de WordPress, dans le monde entier, réponse rapide](https://www.361sale.com/wp-content/uploads/2024/08/2024083006030764.png)
![Image [12] - Comment créer des en-têtes et des pieds de page personnalisés avec Elementor : un guide étape par étape (09) - photonwave.com | Service professionnel de réparation de WordPress, portée mondiale, réponse rapide](https://www.361sale.com/wp-content/uploads/2024/08/2024083006031812.png)
Vérifier la coordination, en particulier sur les téléphones portables
Ensuite, tous les paramètres peuvent être ajustés pour définir les conditions d'affichage, si elles ne sont pas définies, la priorité sera donnée à l'affichage du thème Astro, comme suit
Si vous cliquez directement sur la fenêtre pop-up de sauvegarde pour vous permettre de définir les conditions d'affichage, il s'agit simplement d'un moyen d'ajuster les vôtres !
![Image [13] - Comment créer des en-têtes et pieds de page personnalisés avec Elementor : un guide étape par étape (09) - photonwave.com | Service professionnel de réparation de WordPress, dans le monde entier, réponse rapide](https://www.361sale.com/wp-content/uploads/2024/08/2024083006055239.png)
Conditions d'affichage, plus de colonnes sauvegardées sur le côté gauche
![Image [14] - Comment créer des en-têtes et des pieds de page personnalisés avec Elementor : un guide étape par étape (09) - photonwave.com | Service professionnel de réparation de WordPress, dans le monde entier, réponse rapide](https://www.361sale.com/wp-content/uploads/2024/08/2024083006070088.png)
Nous cliquons ensuite sur Ajouter une condition pour continuer à définir des conditions
![Image [15] - Comment créer des en-têtes et pieds de page personnalisés avec Elementor : un guide étape par étape (09) - photonwave.com | Service professionnel de réparation de WordPress, dans le monde entier, réponse rapide](https://www.361sale.com/wp-content/uploads/2024/08/2024083006083171.png)
![Image [16] - Comment créer des en-têtes et des pieds de page personnalisés avec Elementor : un guide étape par étape (09) - photonwave.com | Service professionnel de réparation de WordPress, dans le monde entier, réponse rapide](https://www.361sale.com/wp-content/uploads/2024/08/2024083006090526.png)
Vous pouvez choisir Site entier (tout le site) ou Archives ou Singulier (différents types de pages).
![Image [17] - Comment créer des en-têtes et pieds de page personnalisés avec Elementor : un guide étape par étape (09) - photonwave.com | Service professionnel de réparation de WordPress, dans le monde entier, réponse rapide](https://www.361sale.com/wp-content/uploads/2024/08/2024083006114712.png)
Les recommandations individuelles pour choisir Singular, régler les options seront plus, mais aussi plus parfaites, et finalement en fonction de l'effet des réglages sur la ligne !
Cliquez ensuite sur Enregistrer et fermer
![Image [18] - Comment créer des en-têtes et des pieds de page personnalisés avec Elementor : un guide étape par étape (09) - photonwave.com | Service professionnel de réparation de WordPress, dans le monde entier, réponse rapide](https://www.361sale.com/wp-content/uploads/2024/08/2024083006135568.png)
Il est maintenant configuré pour afficher l'ensemble du site, et remplacera donc l'effet d'en-tête du thème.
Si nous devons le supprimer, il y a également deux façons de le faire
1, répétez les étapes précédentes pour accéder à l'éditeur de thèmes (Theme Builder), après avoir entré l'éditeur de thèmes (Theme Builder).
![Image [19] - Comment créer des en-têtes et pieds de page personnalisés avec Elementor : un guide étape par étape (09) - photonwave.com | Service professionnel de réparation de WordPress, dans le monde entier, réponse rapide](https://www.361sale.com/wp-content/uploads/2024/08/2024083006220364.png)
![Image [20] - Comment créer des en-têtes et pieds de page personnalisés avec Elementor : un guide étape par étape (09) - photonwave.com | Service professionnel de réparation de WordPress, dans le monde entier, réponse rapide](https://www.361sale.com/wp-content/uploads/2024/08/2024083006222816.png)
Comme dans l'image ci-dessus, il suffit de le supprimer directement
2, allez dans le back-end du site et trouvez le modèle elmentor (Templates)
![Image [21] - Comment créer des en-têtes et pieds de page personnalisés avec Elementor : un guide étape par étape (09) - photonwave.com | Service professionnel de réparation de WordPress, dans le monde entier, réponse rapide](https://www.361sale.com/wp-content/uploads/2024/08/2024083006242718.png)
![Image [22] - Comment créer des en-têtes et pieds de page personnalisés avec Elementor : un guide étape par étape (09) - photonwave.com | Service professionnel de réparation de WordPress, dans le monde entier, réponse rapide](https://www.361sale.com/wp-content/uploads/2024/08/2024083006252025.png)
Cliquez pour supprimer, il n'y a pas beaucoup de modèles, il est relativement facile de les trouver, il est recommandé de définir le nom de chaque modèle, afin de pouvoir les trouver.
Les étapes de la création d'un pied de page sont les mêmes
![Image [23] - Comment créer des en-têtes et des pieds de page personnalisés avec Elementor : un guide étape par étape (09) - photonwave.com | Service professionnel de réparation de WordPress, dans le monde entier, réponse rapide](https://www.361sale.com/wp-content/uploads/2024/08/2024083006274212.png)
![Image [24] - Comment créer des en-têtes et des pieds de page personnalisés avec Elementor : un guide étape par étape (09) - photonwave.com | Service professionnel de réparation de WordPress, dans le monde entier, réponse rapide](https://www.361sale.com/wp-content/uploads/2024/08/2024083006293249.png)
Remplacez-la par votre contenu, ou les colonnes ne sont pas suffisantes pour ajouter un conteneur, c'est-à-dire qu'une colonne suffit, ainsi que les informations relatives aux droits d'auteur, etc.
![Image [25] - Comment créer des en-têtes et des pieds de page personnalisés avec Elementor : un guide étape par étape (09) - photonfluctuation.com | Service professionnel de réparation de WordPress, portée mondiale, réponse rapide](https://www.361sale.com/wp-content/uploads/2024/08/2024083006310075.png)
Ajoutez les modules dont vous avez besoin, en n'oubliant pas de vérifier que les interfaces de chaque appareil sont coordonnées.
Ensuite, continuez à définir les conditions requises et vous avez terminé, n'est-ce pas simple ?
Mais si vous avez le thème Astra, il n'est pas recommandé d'utiliser le générateur personnalisé d'elmentor, car le thème fonctionnera mieux, ce type de générateur est plus adapté aux joueurs qui n'ont pas de bon thème ou qui n'ont qu'elmentor, et qui ont une certaine maîtrise d'elmentor, sinon il peut y avoir un conflit avec le thème, et vous aurez besoin de plus de temps pour le résoudre.
résumés
Avec les étapes ci-dessus, vous avez maîtrisé la création et la personnalisation des en-têtes et des pieds de page avec Elementor. Bien que le thème Astra offre des paramètres par défaut agréables, le constructeur personnalisé d'Elementor est certainement un outil puissant pour les utilisateurs qui cherchent à personnaliser la conception de leur site web. Dans le prochain numéro, nous continuerons à explorer d'autres astuces pour utiliser le thème Astra en conjonction avec Elementor afin de vous aider à mieux optimiser le design et les fonctionnalités de votre site web.
Lien vers cet article :https://www.361sale.com/fr/18015
L'article est protégé par le droit d'auteur et doit être reproduit avec mention.
Pas de commentaires