Wilt u weten hoe u een One Page-navigatiemenu maakt in Elementor ?
Er zijn websites die maar één pagina hebben (de homepage). Zelfs wanneer u op een navigatiemenu-item klikt, wordt u naar een ander gedeelte van dezelfde pagina gebracht in plaats van naar een andere pagina.
Het doel van dit type Site web is om ervoor te zorgen dat de bezoekers focus op uw inhoud. Naast inhoud is een ander belangrijk element van een Site web naar een pagina is het navigatiemenu. In Elementor, is het heel eenvoudig om het navigatiemenu van een Site web naar één pagina.
Dit artikel laat je zien hoe.
Om u een overzicht te geven, is hier een voorbeeld van een websitenavigatiemenu van één pagina.
Zoals gezegd is het niet moeilijk om het navigatiemenu van een website van één pagina zoals hierboven te maken Elementor.
Hoewel sommige add-ons, zoals Essentiële add-ons et Power Pack, worden geleverd met een widget om navigatie op een pagina te maken, u kunt er ook een maken zonder een add-on te installeren.
Het belangrijkste idee is om een menu-item naar een bepaald gedeelte van de pagina te verwijzen. Om dit te doen, moet u een CSS-ID toevoegen aan de sectie waarnaar u wilt verwijzen.
Lees ook: Hoe een aangepaste positie voor het mobiele menu in Elementor in te stellen
Laten we een voorbeeld nemen.
Stel dat u een menu-item hebt met de naam "Klassen" en u wilt uw bezoekers elke keer dat ze op het menu-item "Lessen" klikken, naar het gedeelte "Lessen" van uw website van één pagina worden geleid.
Bewerk eerst de pagina met Elementor en selecteer het gedeelte "Klassen" (gebruik de browser voor uw gemak).
Zodra het gedeelte Klassen is geselecteerd, gaat u naar het tabblad vergevorderd van het linkerpaneel en open het blok vergevorderd. Voer deCSS-ID van het gedeelte in het veld CSS-ID.
Herhaal de bovenstaande stappen voor andere secties die u wilt aanwijzen met menu-items.
CSS-ID's aanroepen
U kunt elke Elementor-widget gebruiken die een optie heeft om een link toe te voegen om elke CSS-ID op te roepen die u aan secties hebt toegevoegd. Plak gewoon de CSS-ID in het linkveld. Voeg de " # als voorvoegsel.
Als u de Nav Menu-widget wilt gebruiken, kunt u het menu dat u gebruikt wijzigen. Typ in het URL-veld van elk menu-item de CSS-ID met de "#" als voorvoegsel.
Koop Elementor Pro nu!!!
Conclusie
Alstublieft ! Dat is het voor dit artikel dat je laat zien hoe maak een menu op volledig scherm in Elementor. Als u zich zorgen maakt over hoe u daar kunt komen, laat het ons dan binnen weten commentaires.
U kunt echter ook overleggen onze middelen, als u meer elementen nodig hebt om uw projecten voor het maken van internetsites uit te voeren, raadpleeg onze gids op de WordPress blog creatie of die op Divi: het beste WordPress-thema aller tijden.
Maar in de tussentijd deel dit artikel op uw verschillende sociale netwerken.
...
