L’entête d’un site web est la section située en haut de chaque page, contenant généralement le logo, le menu de navigation et parfois des informations de contact.
Le pied de page, quant à lui, est la section en bas de chaque page et contient généralement des liens de navigation supplémentaires, des coordonnées, des mentions légales et des liens vers les réseaux sociaux.
Ensemble, l’entête et le pied de page fournissent une structure de navigation cohérente et facilitent l’accès aux informations essentielles sur ton site.
Plugin WordPress qui permet de créer et de personnaliser facilement l’entête (header) et le pied de page (footer) de votre site web à l’aide de l’interface conviviale d’Elementor. Ce plugin offre une alternative flexible aux thèmes WordPress traditionnels
La liste déroulante Type de modèle permet de choisir si votre élément sera un entête , un pied de page , un élément avant le pied de page ou un bloc personnalisé.
La liste déroulante Afficher sur permet de choisir les contenus sur lesquels votre élément s’affichera (toutes les pages, tout le site, page d’accueil etc …)
La liste déroulante Rôles utilisateurs permet de définir si votre élément sera visible par tous , seulement selon certains rôles ou seulement si connecté(es)
La case à cocher indispensable si l’on travaille en Elementor canevas (“page blanche”). Si tu ne la coches pas ton élément sera supprimé par Elementor à l’affichage
Beaucoup d’effets permettent d’ajouter du mouvement a ton site, mais beaucoup de fonctionnalités d’Elementor a ce sujet sont payantes. Toutefois il existe plusieurs plugins gratuits qui permettent d’ajouter certaines fonctionnalités :
Animations : Ajoutez des animations subtiles comme des effets de fondu, de défilement, d’apparition ou de disparition.
Dégradés : Intégrez des dégradés de couleurs pour créer des arrière-plans .
Effets de survol : Personnalisez les effets de survol des éléments de l’entête et du pied de page, tels que les changements de couleur, les agrandissements ou les transitions fluides, pour améliorer l’expérience utilisateur et encourager l’interaction.
Effets de parallaxe : Utilisez des effets de parallaxe pour créer une sensation de profondeur et de mouvement, en superposant des éléments à différents niveaux de défilement dans l’entête ou le pied de page.
Effets d’ombre et de lumière : Appliquez des effets d’ombre et de lumière pour donner de la profondeur et de la dimension aux éléments de l’entête et du pied de page, créant ainsi un aspect visuel plus dynamique et attrayant.
Effets de transformation : Utilisez des effets de transformation tels que l’échelle, la rotation ou la déformation pour animer les éléments de l’entête et du pied de page.
Quelques exemples d’intégration de widgets et d’éléments dynamiques :
Widget de barre de recherche : Intégrez un widget de recherche dans l’entête pour permettre aux utilisateurs de rechercher facilement du contenu sur votre site sans avoir à quitter la page actuelle.
Bouton de contact rapide : Intégrez un bouton de contact pour permettre aux utilisateurs d’accéder rapidement à tes coordonnées ou à un formulaire de contact.
Widget de newsletter : Ajoutez un formulaire d’inscription à la newsletter dans le pied de page pour encourager les visiteurs à s’abonner à tes mises à jour et à rester informés.
Indicateur de statut de commande : Affichez un indicateur de statut de commande dans l’entête pour les sites de commerce électronique, permettant aux utilisateurs de suivre en temps réel l’état de leur commande.
Compte à rebours pour une promotion spéciale : Intégres un compte à rebours dans le pied de page pour annoncer une promotion spéciale à venir.
Avis clients en temps réel : Affichez des avis clients récents et dynamiques dans le pied de page pour renforcer la crédibilité de ton site.
Tu trouveras ici quelques réponses aux questions les plus fréquentes et les plus concrètes sur le sujet
Oui, tu peux avoir plusieurs menus de navigation dans l’entête. Avec Elementor (ou des constructeurs et thèmes similaires), tu peux créer et personnaliser plusieurs zones de menu pour répondre à tes besoins de navigation spécifiques.
Si tu as déjà un entête ou un pied de page de créé , tu peux simplement te rendre dans les options du plugin (Apparence > Elementor Header & Footer) et cliquer sur “Ajouter nouveau” .
Notes simplement que cela peut faire un effet bizarre si tu as plusieurs entête en même temps et que l’un peut “écraser” l’autre et ne pas s’afficher
Oui, il est possible de définir un en-tête ou un pied de page pour qu’ils ne s’affichent que sur les contenus souhaités (c’est le rôle de la liste ‘Afficher sur’).
On peut en plus mettre des exceptions pour plus de finesse dans les réglages (partout sauf sur la page d’accueil ou uniquement sur la page Contact, par exemple).
Afin de fournir les meilleures expériences, nous utilisons des technologies telles que les cookies pour stocker et/ou accéder aux informations relatives à l'appareil. Le fait de consentir à ces technologies nous permettra de traiter des données telles que le comportement de navigation ou des identifiants uniques sur ce site. Le fait de ne pas consentir ou de retirer son consentement peut avoir un effet négatif sur certaines caractéristiques et fonctions.
Tapes ta recherche puis appuie sur Entrée (↵)
L’autocomplétion dans un formulaire de recherche consiste à proposer des mots clés, des résultats, à chaque lettre écrite dans le champ.
Oui cela est pratique, mais en terme de consommation de ressources c’est très gourmand ! Aussi, dans un soucis d’écoconception, ce formulaire de recherche ne régira pas à vos interactions en temps réel, mais il fonctionne quand même !
Bonne pratique n°4 du guide de l’éco-conception web
EKOLEARN Déclaration d'accessibilité
We firmly believe that the internet should be available and accessible to anyone, and are committed to providing a website that is accessible to the widest possible audience, regardless of circumstance and ability. To fulfill this, we aim to adhere as strictly as possible to the World Wide Web Consortium’s (W3C) Web Content Accessibility Guidelines 2.1 (WCAG 2.1) at the AA level. These guidelines explain how to make web content accessible to people with a wide array of disabilities. Complying with those guidelines helps us ensure that the website is accessible to all people: blind people, people with motor impairments, visual impairment, cognitive disabilities, and more. This website utilizes various technologies that are meant to make it as accessible as possible at all times. We utilize an accessibility interface that allows persons with specific disabilities to adjust the website’s UI (user interface) and design it to their personal needs. Additionally, the website utilizes an AI-based application that runs in the background and optimizes its accessibility level constantly. This application remediates the website’s HTML, adapts Its functionality and behavior for screen-readers used by the blind users, and for keyboard functions used by individuals with motor impairments. If you’ve found a malfunction or have ideas for improvement, we’ll be happy to hear from you. You can reach out to the website’s operators by using the following email ekodama.fr@gmail.com
Our website implements the ARIA attributes (Accessible Rich Internet Applications) technique, alongside various different behavioral changes, to ensure blind users visiting with screen-readers are able to read, comprehend, and enjoy the website’s functions. As soon as a user with a screen-reader enters your site, they immediately receive a prompt to enter the Screen-Reader Profile so they can browse and operate your site effectively. Here’s how our website covers some of the most important screen-reader requirements, alongside console screenshots of code examples:
We aim to support the widest array of browsers and assistive technologies as possible, so our users can choose the best fitting tools for them, with as few limitations as possible. Therefore, we have worked very hard to be able to support all major systems that comprise over 95% of the user market share including Google Chrome, Mozilla Firefox, Apple Safari, Opera and Microsoft Edge, JAWS and NVDA (screen readers), both for Windows and for MAC users.
Despite our very best efforts to allow anybody to adjust the website to their needs, there may still be pages or sections that are not fully accessible, are in the process of becoming accessible, or are lacking an adequate technological solution to make them accessible. Still, we are continually improving our accessibility, adding, updating and improving its options and features, and developing and adopting new technologies. All this is meant to reach the optimal level of accessibility, following technological advancements. For any assistance, please reach out to ekodama.fr@gmail.com