Un site web monopage affiche tout son contenu sur une seule page. Ces sites affichent la page complète une fois chargée, et lorsque le visiteur clique sur un élément du menu situé dans l'en-tête, différentes sections de la page s'affichent.
Ces types de sites web présentent de nombreux avantages : navigation simple et intuitive, compatibilité mobile, engagement accru des visiteurs, taux de conversion plus élevé et facilité de création et de maintenance. Ils conviennent parfaitement aux pages d’atterrissage , aux sites événementiels et à la présentation concise et percutante de vos portfolios .
Ceci peut être réalisé grâce à un élément essentiel appelé ID de section, qui peut être spécifié dans les paramètres de section.
Cet article vous explique comment créer un site web monopage en utilisant l' élément de menu ID de section et Lien.
Dans cet article :
- Créer une page et ajouter des sections
- Spécifiez l'identifiant de la section
- Définir la page comme page d'accueil
- Créer des éléments de menu de liens à l'aide de l'ID de section
- Activer le bouton de retour en haut
- Activer la navigation collante
Créer une page et ajouter les sections
- La première étape consiste à créer une nouvelle page et ajoutez vos sections souhaitées à elle.
- Vous devez créer toutes les sections à lier aux éléments de menu respectifs (comme les pages À propos et Contact).
Spécifiez l'identifiant de la section
- Une fois que vous avez ajouté les sections à la page, visitez les paramètres de section de toutes les sections ajoutées et spécifier l'identifiant de la section à chacun d'eux.
Définir la page comme page d'accueil
Ensuite, allez dans la section Site Web , définissez la page comme page d'accueil (1) et masquez-la du menu/navigation du site Web (2).
Créer des éléments de menu de liens à l'aide de l'ID de section
Créez maintenant les éléments de menu de liens tels que Accueil, À propos, Travail, Contact, etc.
Pour ajouter un nouvel élément de menu de lien, entrez ajouter un lien (1) dans la zone de recherche et cliquez sur l' action Ajouter un lien (2).
Pour connecter l'élément de menu de lien à une section de la page, procédez comme suit :
- Extrait du Site Web section, survolez l'élément de menu lien et cliquez sur le icône de trois points verticaux (1) à côté.
- Sélectionnez le Paramètres option (2) dans la liste déroulante.
- Ensuite, faites défiler jusqu'à la Lien cible section (3), sélectionnez la Section de page (4) et spécifiez le Identifiant de section (5) de la section que vous souhaitez lier.
- L'ID de section doit être le même que celui spécifié dans la section de la page sans espace(s).
- Enfin, frappez le Enregistrer bouton (6).
Activer le bouton de retour en haut
Il est utile d'avoir un bouton qui s'estompe lorsque vous faites défiler vers le bas et flotte au bas du navigateur. Vous pouvez facilement revenir en haut en cliquant dessus.
- Pour activer le bouton de retour en haut, accédez au Design section et cliquez sur le Pied de page onglet ou tapez simplement Retour en haut de page dans le champ de recherche de cette façon :
- Ensuite, faites défiler jusqu'à la Retour à bouton en haut section et activez le bouton.
Activer la navigation collante
Vous pouvez également activer la navigation fixe au-dessus de votre en-tête pour améliorer l'apparence de votre site web. En savoir plus.
Consultez un site de démonstration avec navigation fixe.
Et voilà ! Votre site web monopage est maintenant prêt. Il vous suffit de cliquer sur le bouton « Voir le site » en haut de la page pour le consulter.
Consultez l' article « Créez votre site web sur Pixpa – Le guide complet » pour en savoir plus sur les autres personnalisations que vous pouvez apporter à votre site web.
- L'ID de section est sensible à la casse.
- Utilisez uniquement des lettres, des chiffres et des traits d'union pour les identifiants de section. N'utilisez pas de #, d'espaces ni de caractères spéciaux.
- Utilisez des tirets pour séparer les mots dans l'ID de section.
Voici quelques sites Web de démonstration d'une seule page :