• Qu’est-ce que l’en-tête de page ?
• Qu’est-ce qu’un pied de page ?
• Les éléments essentiels d’un site web
• Comment créer un modèle d’en-tête ou de pied de page à partir du constructeur de thèmes Elementor Pro ?
• Conditions d’affichage pour les modèles globaux du constructeur de thèmes
• Aperçu des conditions
• Exemples de conditions d’affichage

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

L’en-tête d’un site web est la partie supérieure de chaque page de votre site. En règle générale, l’en-tête de la page est le même pour tout le site web. Cependant, certains sites web ont des en-têtes différents pour les différentes sections du site.

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

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

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

Un pied de page est une zone située au bas d’une page web. Comme les en-têtes, ils ont tendance à apparaître de manière cohérente sur l’ensemble du site web, sur toutes les pages et tous les articles.

Les pieds de page font souvent l’objet d’une attention assez marginale, ce qui est un véritable gâchis puisqu’ils se répètent sur toutes les pages du site. Ils sont tout aussi importants que les titres.

Le design du pied de page, selon les paramètres choisis, peut afficher des informations utiles et importantes, telles qu’un formulaire d’abonnement à la lettre d’information, des informations sur les droits d’auteur, les conditions d’utilisation, la protection de la vie privée, les cookies, un plan du site, des informations de contact et bien plus encore.

Les éléments essentiels d’un site web

L’en-tête et le pied de page sont deux éléments essentiels d’un site web. Les utilisateurs considèrent déjà comme acquis le fait que chaque site web possède ces deux blocs et ont une idée claire du contenu qu’ils s’attendent à trouver dans chacun d’entre eux. C’est pourquoi nous ne devons pas inventer ou être trop originaux lorsque nous les créons, car il y a quelque chose de bien plus important que le design ou l’originalité, et c’est la facilité d’utilisation. Caractéristiques communes :

• Ils sont affichés sur toutes les pages et tous les articles du site web, à l’exception des pages d’atterrissage.
• En général, ils ne varient pas d’une page à l’autre, bien qu’il y ait des exceptions.
• Tous deux ont une position fixe, avec l’en-tête en haut et le pied de page en bas du document.

C’est ce que propose WordPress 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. La grande majorité des thèmes WordPress incluent également ces deux modèles. Le problème est que ces types de modèles sont très limités en termes de personnalisation et que nous devons nous contenter des options incluses par le créateur du thème.

D’autre part, avec la version de base d’Elementor, nous pouvons utiliser une structure de page vierge (Elementor canvas), qui n’inclut pas l’en-tête et le pied de page du thème par défaut, créer nos propres En-tête o Pied de page et les copier sur toutes les pages du site. Le problème est que cela n’est pas du tout fonctionnel, car si nous devions apporter des modifications, 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 encore plus loin et propose un Constructeur de mise en page de thème o Constructeur de thème 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. Ainsi, lorsque nous devrons le modifier, nous ne devrons le faire qu’une seule fois.

Elementor Pro nous permet également d’avoir différents en-têtes ou pieds de page dans le 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 à partir du constructeur de thèmes Elementor Pro ?

Nous pouvons facilement créer un en-tête ou un pied de page à partir du Concepteur de thème en suivant les étapes suivantes :

1. Panneau d’administration de WordPress sous le menu Templates > cliquez sur Theme Builder
2. Vous pouvez soit cliquer sur le bouton à côté de chaque catégorie, soit cliquer sur Ajouter nouveau et choisir En-tête ou Pied de page.
3. Vous pouvez maintenant choisir un modèle d’en-tête ou de pied de page préétabli ou en créer un à partir de zéro.
4. Une fois que vous avez apporté les modifications nécessaires à la conception de l’en-tête ou du pied de page, cliquez sur le bouton Publier et choisissez l’endroit où publier l’en-tête ou le pied de page. La valeur par défaut est l’ensemble du site.
5. C’est tout ! Vous pouvez maintenant voir votre en-tête ou pied de page fait main en direct sur votre site.

Nous pouvons utiliser les modèles préconçus proposés par Elementor Pro ou concevoir à partir de zéro avec le constructeur. Nous pouvons également utiliser un modèle préconçu et le modifier à notre guise.