Kunne du tænke dig at finde ud af, hvordan du opretter en One Page navigationsmenu i Elementor ?
Der er websteder, der kun har én side (hjemmesiden). Selv når du klikker på et navigationsmenupunkt, vil du blive ført til en anden sektion af den samme side i stedet for en anden side.
Formålet med denne type Websted er at sikre, at besøgende fokus på dit indhold. Ud over indhold er et andet nøgleelement i en Websted til en side er navigationsmenuen. I Elementor, er det meget nemt at oprette navigationsmenuen for en Websted til én side.
Denne artikel viser dig hvordan.
For at give dig et overblik er her et eksempel på en en-sides hjemmesidenavigationsmenu.
Som nævnt er det ikke svært at oprette navigationsmenuen på en ensidet hjemmeside som den ovenfor Elementor.
Selvom nogle tilføjelser, som f.eks Væsentlige tilføjelser et PowerPack, kommer med en widget til at oprette navigation på en side, du kan også oprette en uden at installere nogen tilføjelser.
Hovedideen er at pege et menupunkt til en bestemt del af siden. For at gøre dette skal du tilføje et CSS ID til den sektion, du vil pege på.
Læs også: Sådan indstilles brugerdefineret position for mobilmenu i Elementor
Lad os tage et eksempel.
Antag, at du har et menupunkt kaldet "Klasser", og du vil have dit besøgende blive dirigeret til sektionen "Klasser" på din ensides hjemmeside, hver gang de klikker på menupunktet "Klasser".
Først skal du redigere siden med Elementor og vælge afsnittet "Klasser" (brug browseren for din bekvemmelighed).
Når afsnittet Klasser er valgt, skal du gå til fanen avanceret fra venstre panel og åbn blokken avanceret. Gå ind iCSS ID af afsnittet i feltet CSS ID.
Gentag ovenstående trin for andre sektioner, du vil udpege med menupunkter.
Kaldende CSS-id'er
Du kan bruge en hvilken som helst Elementor-widget, der har mulighed for at tilføje et link til at kalde hvert CSS-id, du har tilføjet til sektioner. Indsæt blot CSS-id'et i linkfeltet. Tilføj " # som præfiks.
Hvis du vil bruge widgetten Nav Menu, kan du ændre den menu, du bruger. Indtast CSS-id'et med "#" som præfiks i URL-feltet for hvert menupunkt.
Få Elementor Pro nu!!!
Konklusion
Her ! Det er det for denne artikel, der viser dig hvordan oprette en fuldskærmsmenu i Elementor. Hvis du er i tvivl om, hvordan du kommer dertil, så lad os det vide inden for kommentarer.
Du kan dog også konsultere vores ressourcer, hvis du har brug for flere elementer til at udføre dine projekter med oprettelse af internetsider ved at konsultere vores guide om WordPress blog oprettelse eller den ene på Divi: tidenes bedste WordPress-tema.
Men i mellemtiden del denne artikel på dine forskellige sociale netværk.
...
