Organiser le contenu dans l’en-tête de votre site

Ce guide vous montre comment organiser les blocs dans l’en-tête de votre site Web afin de créer la mise en page que vous voulez.

Pour suivre les étapes de ce guide, il vous faut un thème qui prend en charge l’éditeur de site. Pour vérifier rapidement si c’est le cas, il suffit de rechercher Apparence → Éditeur dans le tableau de bord de votre site.

Vous devrez accéder à votre élément de modèle En-tête pour réorganiser ses blocs. Si vous ne l’avez jamais fait auparavant, suivez les instructions de notre guide Personnaliser votre en-tête .

Vous pouvez déplacer des blocs dans votre en-tête en procédant comme suit :

1. Lors de la modification de l’élément de modèle En-tête, ouvrez la vue en liste en cliquant sur l’icône vue en liste (les trois lignes horizontales) en haut à gauche de l’éditeur.
2. Localisez le bloc que vous souhaitez déplacer. Si vous voyez un symbole > à côté d’un bloc, cliquez dessus pour afficher les blocs imbriqués.
3. Cliquez sur le nom du bloc sans relâcher, puis faites-le glisser vers sa nouvelle position.
4. Relâchez pour déposer le bloc à son nouvel emplacement.
5. Cliquer sur le bouton Enregistrer pour enregistrer vos modifications.

Pour placer les blocs d’en-tête les uns à côté des autres horizontalement (comme un logo à côté d’un titre de site), vous devrez les regrouper dans un bloc Ligne en procédant comme suit :

1. Lors de la modification de l’élément de modèle En-tête, ouvrez la vue en liste en cliquant sur l’icône Vue en liste (les trois lignes horizontales) en haut à gauche de l’éditeur.
2. Sélectionnez le premier bloc à placer côte à côte (par exemple, votre logo).
3. Maintenir la touche Maj (sur PC) ou Commande (sur Mac) enfoncée et cliquez sur le second bloc à côté duquel vous souhaitez placer la clé (par exemple, le titre de votre site).
4. Dans la barre d’outils qui s’affiche, cliquez sur l’icône Ligne .
5. Cliquer sur le bouton Enregistrer pour enregistrer vos modifications.

En savoir plus sur la façon de regrouper des blocs de contenu.

Pour placer les blocs d’en-tête les uns au-dessus des autres verticalement (comme un menu au-dessus d’un menu d’icônes de réseaux sociaux), vous devez les regrouper dans un bloc Empilement :

1. Lors de la modification de l’élément de modèle En-tête, ouvrez la vue en liste en cliquant sur l’icône Vue en liste (les trois lignes horizontales) en haut à gauche de l’éditeur.
2. Sélectionnez le premier bloc à empiler (par exemple, votre menu).
3. Maintenez la touche Maj enfoncée et cliquez sur le deuxième bloc que vous souhaitez placer en dessous (par exemple, votre menu d’icônes de réseaux sociaux).
4. Dans la barre d’outils qui s’affiche, cliquez sur l’icône Empilement .
5. Cliquer sur le bouton Enregistrer pour enregistrer vos modifications.

En savoir plus sur la façon de regrouper des blocs de contenu.

Un en-tête pleine largeur crée un look audacieux qui s’étend sur toute la largeur de la fenêtre du navigateur. Pour transformer votre en-tête en pleine largeur :

1. Lors de la modification de l’élément de modèle En-tête, ouvrez la vue en liste en cliquant sur l’icône Vue en liste (les trois lignes horizontales) en haut à gauche de l’éditeur.
2. Trouvez le bloc Groupe contenant votre en-tête.
   • Si votre en-tête ne se trouve pas dans un bloc de groupe, cliquez sur le menu (⋮) et sélectionnez « Groupe ».
3. Dans la barre d’outils qui apparaît, cliquez sur l’icône Alignement .
4. Sélectionnez Pleine largeur.
5. Cliquer sur le bouton Enregistrer pour enregistrer vos modifications.

En savoir plus sur la création de contenu pleine largeur.