Het inschakelen van navigatie op één pagina is eenvoudig en kan op individuele basis worden gedaan. Wanneer u een pagina maakt of bewerkt, zoekt u naar het vak "Instellingen". Divi rechts van uw teksteditor. In dit vak ziet u de optie Navigatie door punten. Selecteer "Aan" in het vervolgkeuzemenu en sla de pagina op. U zult nu zien dat er aan de rechterkant van uw pagina een zwevende navigatiebalk is toegevoegd.

De navigatiebalk met stippen voegt automatisch een klikbare link toe aan elk gedeelte van uw pagina. Wanneer u een nieuwe sectie toevoegt, wordt automatisch een nieuwe link (of punt) toegevoegd aan uw zwevende zijnavigatie.

Gebruikers kunnen op de stippen klikken om naar verschillende delen van de pagina te navigeren. Dit maakt het ook gemakkelijker om de locatie van de bezoeker op de pagina, waardoor het gemakkelijker wordt om lange pagina's te begrijpen en er doorheen te navigeren.

punt navigatie divi.png

Maak aangepaste menulinks voor websites met één pagina

Naast navigatie aan de zijkant is het ook mogelijk om uw hoofdkopnavigatie om te zetten in navigatie van één pagina. Als u een Site web van een pagina, wilt u niet dat uw menulinks naar afzonderlijke pagina's verwijzen. In plaats daarvan kunnen deze links verwijzen naar relevante secties op dezelfde pagina.

Wanneer u erop klikt, kunnen ze u naar het overeenkomstige gedeelte van de pagina leiden met een vloeiend scrolleffect. Dit kan worden bereikt met behulp van gepersonaliseerde identificatiegegevens. Aan elk element van de pagina dat met de generator is gebouwd, kan een ID worden toegewezen.

U kunt een ID aan een sectie toewijzen door op het pictogram voor sectie-instellingen te klikken en naar de instelling "CSS-ID" te zoeken. Zodra een ID is toegewezen, kunt u deze openen vanuit het navigatiemenu.

Stel bijvoorbeeld dat u een sectie 'Over ons' hebt en dat u wilt dat deze verbinding maakt met het gedeelte van uw pagina dat uw bedrijf beschrijft.

over ons divi.png

Een menukoppeling naar een identificator verwijzen

Om een ​​aangepaste menukoppeling te maken, moet u een nieuwe link aan uw menu toevoegen met behulp van het tabblad "Appearances> Menu's" van uw WordPress-dashboard. Zie als u niet bekend bent met het menusysteem deze geweldige tutorial. Nadat u een nieuw menu heeft gemaakt en dit aan de hoofdnavigatielocatie heeft toegewezen, kunt u beginnen met het toevoegen van links aan uw koptekst.

In dat geval maken we een aangepaste link door op het tabblad "Link" aan de linkerkant van de pagina te klikken. Eenmaal aangeklikt, ontvangt u twee velden (URL en linktekst). Voor "linktekst" voert u eenvoudig de tekst in die u in uw menu wilt weergeven (bijvoorbeeld "Over ons").

Voor de URL moeten we linken naar de ID die we eerder aan onze sectie hebben toegewezen. In dit geval hebben we de gebruikersnaam "over ons" toegevoegd, maar u kunt elke gewenste id-naam toevoegen. Omdat we de ID "aproposdenous" hebben gebruikt, kunnen we naar deze identifier linken door een URL te maken die verwijst naar "/ #aboutdenous".

U kunt dezelfde methode gebruiken om zoveel aangepaste koppelingen te maken als u wilt. Voer gewoon de URL "/ #" in, gevolgd door de ID die u wilt targeten.

over ons divi menu.png

Dat is alles voor deze tutorial, ik hoop dat je hiermee een "Single Page" -site kunt maken.