Een website met één pagina toont alles op één pagina. Deze websites tonen de volledige pagina (website) zodra deze geladen is, en wanneer de websitebezoeker op een menu-item in de header klikt, worden verschillende onderdelen van de pagina weergegeven.
Dit soort websites heeft veel voordelen, zoals eenvoudige en gebruiksvriendelijke navigatie, mobielvriendelijkheid, verhoogde betrokkenheid van bezoekers, een hogere conversieratio en het gemak waarmee ze gemaakt en onderhouden kunnen worden. Ze zijn geschikt voor landingspagina's , evenementwebsites en het kort en bondig presenteren van je portfolio .
Dit kan worden bereikt met behulp van een essentieel element genaamd Sectie-ID , dat kan worden gespecificeerd in de sectie-instellingen.
Dit artikel legt uit hoe u een website met één pagina kunt maken met behulp van het menu-item 'Sectie-ID en link'.
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 het gedeelte Website , stel de pagina in als startpagina (1) en verberg deze in het websitemenu/de navigatie (2).
Maak koppelingsmenu-items met sectie-ID
Maak nu de menu-items aan, zoals Home, Over ons, Werk, Contact, enzovoort.
Om een nieuw linkmenu-item toe te voegen, typt u 'link toevoegen' (1) in het zoekvak en klikt u op de actie 'Link toevoegen' (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 settings 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 Opslaan 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
Je kunt ook de sticky navigatiebalk boven je header inschakelen om het uiterlijk van je website te verbeteren. Lees meer.
Bekijk een demosite met een vast navigatiemenu.
Voilà! Je website met één pagina is nu klaar. Je kunt eenvoudig op de knop ' Website bekijken' bovenaan klikken om je website te bekijken.
Bekijk het artikel ' Bouw je website op Pixpa – De complete handleiding ' voor meer informatie over andere aanpassingsmogelijkheden voor je website.
- De sectie-ID is hoofdlettergevoelig.
- Gebruik alleen letters, cijfers en koppeltekens voor sectie-ID's. Gebruik geen #, spaties of speciale tekens.
- Gebruik streepjes om woorden binnen Sectie-ID van elkaar te scheiden.
Hier zijn een paar demo-websites met één pagina: