A Site Web monopage affiche tout sur une seule page. Ces sites Web affichent la page complète (site Web) une fois chargée et lorsque le visiteur du site Web clique sur chaque élément de menu présent dans l'en-tête, différentes sections de la page seront extraites et affichées.
Ces types de sites Web présentent de nombreux avantages, tels qu'une navigation simple et facile, une utilisation mobile, une augmentation de l'engagement des visiteurs du site Web, un taux de conversion plus élevé et une facilité de création et de maintenance. Ceux-ci sont adaptés pour pages de destination, des sites Web événementiels et la présentation de vos portefeuilles d'une manière courte et nette.
Ceci peut être réalisé en utilisant un élément vital appelé Identifiant de section qui peut être spécifié dans le Paramètres de section.
Cet article vous explique comment créer un site Web d'une seule page à l'aide de l'ID de section et Élément de menu 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 ainsi que les 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, rendez-vous sur Site Web section, définir la page comme page d'accueil (1), et le cacher du menu/de la navigation du site Web (2).
Créer des éléments de menu de liens à l'aide de l'ID de section
Maintenant, créer les éléments de menu de lien tels que Accueil, À propos, Travail, Contact, etc.
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 Épargnez 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 Conception section et cliquez sur le Pied de page onglet ou tapez simplement retour au sommet 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 collante sur votre en-tête pour améliorer l'apparence de votre site Web. En savoir plus.
Vérifiez un site de démonstration avec une navigation fluide.
Voila ! Votre site Web d'une seule page est maintenant prêt. Vous pouvez simplement cliquer sur le Voir le site bouton présent en haut pour visualiser votre site web.
Vérifiez la Créez votre site web sur Pixpa – Le guide complet article pour connaître les autres personnalisations que vous pouvez apporter à votre site Web.
Voici quelques sites Web de démonstration d'une seule page :