A Website van één pagina toont alles op één pagina. Deze websites tonen de volledige pagina (website) zodra ze zijn geladen en als de websitebezoeker op elk menu-item in de koptekst klikt, worden verschillende delen van de pagina omhoog getrokken en getoond.
Dit soort websites heeft veel voordelen, zoals eenvoudige en gemakkelijke navigatie, mobielvriendelijkheid, grotere betrokkenheid van websitebezoekers, hogere conversieratio en eenvoudig te maken en te onderhouden. Deze zijn geschikt voor landingspagina's, op evenementen gebaseerde websites en het presenteren van uw portefeuilles op een korte en heldere manier.
Dit kan worden bereikt met behulp van een vitaal element genaamd Sectie-ID die kan worden opgegeven in de Instellingen sectie.
Dit artikel helpt u bij het maken van een website met één pagina met behulp van de sectie-ID en Menu-item Koppelen.
In dit artikel:
- Maak een pagina en voeg secties toe
- Geef de sectie-ID op
- Pagina instellen als startpagina
- Maak koppelingsmenu-items met sectie-ID
- Schakel de terug naar boven-knop in
- Sticky-navigatie inschakelen
Maak een pagina en voeg de secties toe
- De eerste stap is om maak een nieuwe pagina aan en voeg de gewenste secties toe aan.
- U moet alle secties maken die moeten worden gekoppeld aan de respectievelijke menu-items (zoals Over- en Contactpagina's).
Geef de sectie-ID op
- Nadat u de secties aan de pagina hebt toegevoegd, gaat u naar de sectie-instellingen van alle toegevoegde secties en geef de sectie-ID op aan elk van hen.
Pagina instellen als startpagina
Ga vervolgens naar de Website sectie, stel de pagina in als startpagina (1), en verberg het voor het websitemenu / de navigatie (2).
Maak koppelingsmenu-items met sectie-ID
Nu, maak de koppeling menu-items zoals Thuis, Over, Werk, Contact, etc.
Voer in om een nieuw koppelingsmenu-item toe te voegen Voeg een link toe (1) in het zoekvak en klik op de 'Add Link' actie (2).
Volg deze stappen om het koppelingsmenu-item aan een gedeelte van de pagina te koppelen:
- Van de Website sectie, plaats de muisaanwijzer op het menu-item Link en klik op de drie verticale stippen pictogram (1) ernaast.
- Selecteer het Instellingen optie (2) uit de vervolgkeuzelijst.
- Scroll vervolgens naar beneden naar de Doel koppelen sectie (3), selecteer de Paginasectie tabblad (4), en specificeer de Sectie-ID (5) van het gedeelte dat u wilt koppelen.
- De sectie-ID moet hetzelfde zijn als gespecificeerd in de paginasectie, zonder enige spatie(s).
- Eindelijk, druk op de Bespaar knop (6).
Schakel de back-to-top-knop in
Het is handig om een knop te hebben die in beeld verdwijnt terwijl u naar beneden scrolt en langs de onderkant van de browser zweeft. U kunt eenvoudig terug naar boven scrollen door erop te klikken.
- Om de back-to-top-knop in te schakelen, gaat u naar de Design sectie en klik op de footer tab of typ gewoon terug naar boven in het zoekvak op deze manier:
- Scroll vervolgens naar beneden naar de Terug naar boven knop sectie en activeer de knop.
Sticky-navigatie inschakelen
U kunt ook de plakkerige navigatie boven uw koptekst inschakelen om het uiterlijk van uw website te verbeteren. Meer weten.
Controleer een demosite met plakkerige navigatie.
Voila! Uw single-page website is nu klaar. U kunt eenvoudig op de Bekijk Site knop bovenaan aanwezig om uw website te bekijken.
Controleer de Bouw je website op Pixpa – De complete gids artikel om meer te weten te komen over andere aanpassingen die u aan uw website kunt aanbrengen.
Opmerking:
- De sectie-ID is hoofdlettergevoelig.
- Gebruik geen spaties binnen de sectie-ID.
- Gebruik streepjes om woorden binnen Sectie-ID van elkaar te scheiden.
Hier zijn een paar demo-websites met één pagina: