Modèle d’en-tête et de pied de page dans Elementor

Qu’est-ce que l’en-tête de page ?

L’en-tête de page d’un site web est la zone supérieure qui se trouve sur chaque page de votre site web. En général, l’en-tête de page est identique sur l’ensemble du site. Cependant, certains sites web possèdent des en-têtes différents pour différentes sections du site.

L’en-tête peut également jouer un rôle important dans la promotion de l’identité visuelle de votre entreprise en intégrant des éléments tels que le logo de la société, la typographie, les couleurs et le langage global de la marque.

L’en-tête contient aussi des options fonctionnelles telles que la navigation du site, la recherche interne, un panier d’achat (pour les sites de vente), des boutons d’appel à l’action (CTA) et d’autres fonctions qui améliorent l’expérience utilisateur et augmentent les taux de conversion.

Qu’est-ce qu’un pied de page ?

Un pied de page est une zone située dans la partie inférieure d’une page web. Tout comme les en-têtes, ils apparaissent généralement de manière constante sur l’ensemble du site web, sur toutes les pages et publications.

Les pieds de page reçoivent souvent une attention assez marginale, ce qui constitue un véritable gaspillage de potentiel puisqu’ils se répètent sur chaque page du site. Ils sont tout aussi importants que les en-têtes.

La conception du pied de page, selon la configuration que vous choisissez, peut afficher des informations utiles et importantes, telles que le formulaire d’inscription à une newsletter, les informations de droits d’auteur, les conditions d’utilisation, la confidentialité, les cookies, un plan du site, des informations de contact et bien plus encore.

Parties essentielles d’un site web

L’En-tête et le Pied de page sont deux éléments essentiels d’un site web. Les utilisateurs tiennent déjà pour acquis que tout site web dispose de ces deux blocs et ont une idée claire du contenu qu’ils espèrent y trouver. C’est pourquoi nous ne devons pas chercher à inventer ou à être trop originaux lors de leur création, car il y a quelque chose de bien plus important que le design ou l’originalité : l’utilisabilité. Caractéristiques communes :

• Ils s’affichent sur toutes les pages et publications du site web, à l’exception des pages d’atterrissage (landing pages).
• Généralement, ils ne varient pas d’une page à l’autre, bien qu’il existe des exceptions.
• Tous deux ont une position fixe : l’en-tête se trouve au début et le pied de page à la fin du document.

WordPress en tient compte et tous les thèmes installés par défaut incluent des modèles personnalisables pour l’En-tête et le Pied de page. De même, la grande majorité des thèmes pour WordPress incluent ces deux modèles. Le problème est que ce type de modèles est très limité en termes de personnalisation et que nous devons nous contenter des options incluses par le créateur du thème.

D’un autre côté, avec la version gratuite d’Elementor, nous pouvons utiliser une structure de page vierge (Elementor canvas), qui n’inclut ni l’en-tête ni le pied de page du thème par défaut, créer notre propre En-tête ou Pied de page et les copier sur toutes les pages du site web. Le problème est que cela n’est pas du tout fonctionnel, car si nous devions effectuer un changement, nous devrions le faire autant de fois que nous avons de pages.

Avec Elementor Pro, nous n’avons pas ce problème car il va plus loin et dispose de son propre Theme Builder ou Constructeur de thèmes qui nous permet de créer de toutes pièces l’En-tête et le Pied de page et de les assigner à toutes les pages et publications du site web. De cette façon, lorsque nous devrons les modifier, nous ne le ferons qu’une seule fois.

Elementor Pro nous permet également d’avoir différents en-têtes ou pieds de page sur un même site web, mais nous verrons cela plus tard.

Comment créer un modèle d’En-tête ou de Pied de page depuis le Theme Builder d’Elementor Pro

Nous pouvons créer un En-tête ou un Pied de page facilement depuis le Theme Builder en suivant ces étapes :

1. Tableau de bord de WordPress, dans le menu Modèles > cliquez sur Theme Builder
2. Vous pouvez cliquer sur le bouton

   

   qui se trouve à côté de chaque catégorie ou bien cliquer sur Add new (Ajouter nouveau) et choisir En-tête ou Pied de page
3. Vous pourrez maintenant choisir un modèle d’En-tête ou de Pied de page préconçu ou en créer un de toutes pièces.
4. Une fois que vous avez effectué les modifications nécessaires dans le design de l’En-tête ou du Pied de page, cliquez sur le bouton Publier et choisissez où publier l’En-tête ou le Pied de page. La valeur par défaut est Tout le site.
5. C’est tout ! Vous pouvez maintenant voir votre En-tête ou votre Pied de page personnalisé en direct sur votre site.

Nous pouvons utiliser les modèles préconçus proposés par Elementor Pro ou bien concevoir de toutes pièces avec le constructeur. Nous pouvons également utiliser un modèle préconçu et le modifier ensuite à notre guise.