Garder des blocs visibles pendant le défilement

Un élément épinglé est un bloc de votre site Web qui reste « fixe » lorsqu’un visiteur fait défiler votre page. Ce guide explique comment créer des éléments épinglés avec des exemples populaires pour les boutons, les en-têtes et les menus. Suivez les mêmes étapes pour épingler tout ce qui se trouve sur votre site.

Pour épingler un bloc ou un groupe de blocs, vous placerez le ou les blocs à l’intérieur d’un bloc Groupe qui a un réglage de position « épinglé » spécial. Suivez ces étapes pour créer un élément épinglé sur votre site :

1. Consultez le tableau de bord de votre site.
2. Accédez à Pages, Articles ou Apparence → Modèles pour modifier le contenu que vous souhaitez épingler.
3. Sélectionnez Vue en liste dans le coin supérieur gauche de l’éditeur. C’est l’icône qui ressemble à trois lignes horizontales superposées.
4. Sélectionnez un bloc Groupe existant ou créez-en un nouveau.
   • Pour créer rapidement un groupe, sélectionnez plusieurs éléments et cliquez sur les trois points (⋮), puis sélectionnez  «Grouper » pour les placer dans un bloc Groupe.
   • Pour être épinglé, un élément doit être en position supérieure (c.-à-d., non imbriqué dans d’autres blocs).
5. Dans la colonne latérale des réglages du bloc Groupe, recherchez la section « Position » et sélectionnez l’option « Épinglé » dans le menu déroulant.
6. Cliquez sur le bouton « Enregistrer » pour appliquer les modifications à votre modèle.

En savoir plus sur la personnalisation du style et de la mise en page d’un bloc Groupe contenant vos éléments épinglés.

La création d’un menu épinglé signifie que l’intégralité du menu reste « fixe » pendant que le lecteur fait défiler la page. Pour créer un menu épinglé, procédez comme suit :

1. Accédez à Apparence → Éditeur depuis votre tableau de bord.
2. Sélectionnez l’onglet Modèles et cliquez sur le modèle avec votre en-tête.
3. Cliquez sur l’icône Vue en liste dans le coin supérieur gauche.
4. Sélectionnez le bloc Navigation et assurez-vous qu’il s’agit d’un élément de niveau supérieur (dans la plupart des cas, un bloc Navigation est imbriqué dans un élément de modèle En-tête ou un élément de mise en page similaire, vous devrez donc le déplacer pour le faire sortir).
5. Cliquez sur les trois points (⋮) en regard de l’élément bloc Navigation et sélectionnez « Grouper » pour placer le menu à l’intérieur d’un bloc Groupe.
6. Dans la colonne latérale des réglages du bloc, définissez la « Position » sur Épinglé.
   • Vous pouvez également modifier la couleur d’arrière-plan du groupe afin que le texte du menu soit lisible lors du défilement sur différents contenus.
7. Cliquez sur Enregistrer.

En savoir plus sur la personnalisation du style et de la mise en page d’un bloc Groupe contenant vos éléments épinglés.

Un en-tête épinglé reste fixe sur l’écran lorsque votre visiteur fait défiler votre site. Découvrez comment créer un en-tête épinglé.