Le Footer Site Web Http
Il commence avec une belle illustration dans le header, suivi par un tronc d'arbre qui suit tout le chemin vers le bas de la page. Le pied de page est encore une autre illustration impressionnante avec beaucoup de détails qui attend d'être découverte par le lecteur. Les concepteurs du Blog Webdesigner Depot ont choisi d'intégrer leur footer dans un cadre visuel. L'illustration colorée et caractéristique de leur en-tête est répétée en footer du site. De cette façon, les visiteurs ne sont pas distraits par des éléments de conception aléatoire lors de la lecture à travers la zone de contenu. 3. Résumé du contenu Vous pouvez également utiliser votre footer pour offrir à vos utilisateurs un résumé de votre contenu. Imaginez qu'un visiteur soit à la recherche de quelque chose de très spécifique sur votre site. Il commence au plus haut niveau de la page et suit le chemin qui semble le plus prometteur pour l'amener au contenu souhaité. Finalement, il va atteindre le footer de l'une de vos pages et s'il n'a pas encore atteint son objectif, il pourrait être frustré à ce stade.
Footer Site Web
Le footer est le terme anglais pour désigner le pied de page. Sur un site web, il s'agit donc de la partie situé tout en bas des pages web. Cette zone contient généralement un copyright et éventuellement des éléments tels que ceux cités ci-dessous (liste non exhaustive). Liens vers des pages importantes du site (contact, mentions légales, partenaires... ) Liens vers des sites externes (entreprise qui a réalisé le design, logiciel utilisé... ) Bouton pour remonter en haut de page L'adresse et le numéro de l'entreprise Une courte présentation de l'auteur Un lien vers le flux RSS, le compte Twitter, le compte Facebook... Il est bien souvent recommandé d'utiliser le même footer sur toutes les pages d'un site, dans le but d'être persistant. Cela évite de perturber les visiteurs avec différentes structures sur les pages d'un même site web.
Le Footer Site Web Site
Voici la petite modification du code couleur: a { color: #C3C3C3;} Voilà le footer est terminé: La personnalisation du thème m'a pris à peu près 1 heure. Depuis la rédaction de ce tutoriel il est possible que vous aperceviez d'autres changements, n'hésitez pas si besoin à me poser des questions sur des éléments nouveaux que j'ai pu ajouter au site depuis. Voyons maintenant comment ajouter et modifier le contenu de son site.
Ce footer dynamique affichera de nouvelles informations lorsque vous publierez de nouveaux articles. Toutefois, ces informations restent statiques, puisqu'elles demeurent les mêmes sur l'ensemble de vos pages. Un footer dynamique contextuel L'avantage avec ce genre de footer, c'est que les informations affichées seront liées à la page sur laquelle l'internaute se trouve. Il convient alors d'y placer des liens permettant à l'internaute ainsi qu'aux moteurs de recherches de continuer la navigation. En termes de référencement naturel ou SEO, les liens seront différents d'une page à une autre. De plus, vous pouvez ajouter un texte dynamique pour apporter un poids sémantique plus riche.