Accueil Formations Maîtriser WordPress 7- Créer son portfolio en ligne de A à Z

Personnaliser l’en-tête et le pied de page dans WordPress

Retour à la formation
Chapitre 5 Leçon 5
Précédent
Suivant

Découvrez comment modifier l’en-tête et le pied de page d’un site WordPress : ajoutez un logo, ajustez la mise en page et simplifiez les éléments réutilisés sur toutes les pages.

Détails de la leçon

Description de la leçon

L’en-tête et le pied de page sont des éléments communs à plusieurs pages d’un site. L’en-tête, situé généralement en haut, rassemble notamment l’identité du site et sa navigation. Le pied de page se trouve en bas et peut accueillir des liens, des informations complémentaires ou des mentions légales. Cette leçon montre comment modifier ces zones depuis l’éditeur de site WordPress et ses compositions.

Pour personnaliser l’en-tête, la démonstration passe par le menu du thème, puis par les compositions et le modèle d’en-tête utilisé. Dans l’éditeur Gutenberg, la vue en liste permet d’examiner la structure des blocs. Un bloc Groupe est ajouté à une rangée afin de placer côte à côte le titre du site et le bloc Logo du site. La taille du logo peut ensuite être ajustée, et les options de lien vers l’accueil sont vérifiées pour le logo comme pour le titre. Il est également possible de modifier la couleur de fond avant d’enregistrer les changements.

La seconde partie porte sur le pied de page. Après avoir choisi la composition active, on réduit la taille du logo, puis on supprime les blocs de navigation jugés superflus. La vue en liste aide aussi à repérer un bloc d’espacement et à réduire l’écart afin d’obtenir un pied de page moins imposant. Une fois les modifications enregistrées, elles sont appliquées à l’ensemble du site : l’en-tête et le pied de page restent cohérents lorsqu’on consulte différentes pages ou un article.

Objectifs de cette leçon

À l’issue de la vidéo, vous pourrez :

  • accéder aux compositions d’en-tête et de pied de page dans l’éditeur de site ;
  • utiliser la vue en liste pour comprendre l’organisation des blocs ;
  • ajouter un logo près du titre du site et en ajuster la taille ;
  • alléger le pied de page en supprimant des éléments inutiles et en ajustant l’espacement ;
  • comprendre que ces modèles s’appliquent à plusieurs pages du site.

Prérequis pour cette leçon

Il est recommandé de disposer d’un site WordPress utilisant un thème compatible avec l’éditeur de site et les compositions. Une connaissance élémentaire du tableau de bord WordPress et des blocs Gutenberg est utile, mais aucune compétence en programmation n’est nécessaire.

Métiers concernés

Ces compétences sont utiles aux administrateurs de sites WordPress, créateurs de sites, intégrateurs web et gestionnaires de contenu. Elles permettent notamment d’assurer une identité visuelle cohérente, de faciliter l’accès à la navigation et de maintenir des éléments communs sur l’ensemble des pages d’un site professionnel ou associatif.

Alternatives et ressources

La personnalisation peut être réalisée avec l’éditeur de site WordPress et Gutenberg, comme dans la démonstration. Selon le thème et la configuration du site, il est également possible d’utiliser les options de personnalisation propres au thème ou un constructeur visuel compatible avec WordPress. Ces solutions peuvent présenter des interfaces différentes et ne permettent pas toujours de modifier les mêmes éléments globaux.

Questions & Réponses

Ces éléments sont conçus pour être réutilisés sur plusieurs pages. En modifiant leur composition, on met à jour l’en-tête ou le pied de page de façon cohérente à l’échelle du site, au lieu de répéter les changements sur chaque page.
Dans l’éditeur de la composition d’en-tête, on examine la structure avec la vue en liste, puis on ajoute un bloc Groupe à la rangée concernée. On place le titre du site et le bloc Logo du site dans ce groupe afin de les afficher côte à côte, puis on ajuste la taille du logo.
On peut réduire la taille du logo, supprimer les blocs de navigation qui ne sont pas nécessaires et diminuer l’espacement en ajustant le bloc d’espacement. La vue en liste aide à identifier précisément les blocs à modifier.