Vil du finne ut hvordan du oppretter en One Page navigasjonsmeny i Elementor ?
Det finnes nettsteder som kun har én side (hjemmesiden). Selv når du klikker på et navigasjonsmenyelement, vil du bli tatt til en annen del av samme side i stedet for en annen side.
Målet med denne typen nettstedet Web er å sikre at Besøkende fokus på innholdet ditt. I tillegg til innhold, er et annet nøkkelelement i en nettstedet Web til en side er navigasjonsmenyen. I Elementor, er det veldig enkelt å lage navigasjonsmenyen til en nettstedet Web til én side.
Denne artikkelen vil vise deg hvordan.
For å gi deg en oversikt, her er et eksempel på en en-sides nettsidenavigasjonsmeny.
Som nevnt er det ikke vanskelig å lage navigasjonsmenyen til en ensides nettside som den ovenfor Elementor.
Selv om noen tillegg, som f.eks Viktige tillegg et Kraftpakke, kommer med en widget for å lage navigasjon på en side, du kan også lage en uten å installere et tillegg.
Hovedideen er å peke et menyelement til en bestemt del av siden. For å gjøre dette må du legge til en CSS-ID i delen du vil peke på.
Les også: Hvordan stille inn egendefinert posisjon for mobilmeny i Elementor
La oss ta et eksempel.
Anta at du har et menyelement kalt "Klasser" og du vil ha ditt Besøkende bli dirigert til "Kurs"-delen av din énsides nettside hver gang de klikker på menyelementet "Kurser".
Først, rediger siden med Elementor og velg delen "Klasser" (bruk nettleseren for enkelhets skyld).
Når Klasser-delen er valgt, går du til fanen avansert fra venstre panel og åpne blokken avansert. Tast innCSS ID av seksjonen i feltet CSS ID.
Gjenta trinnene ovenfor for andre seksjoner du vil angi med menyelementer.
Ringe CSS-identifikatorer
Du kan bruke hvilken som helst Elementor-widget som har et alternativ for å legge til en lenke for å kalle ut hver CSS-ID du har lagt til i seksjoner. Bare lim inn CSS-ID-en i koblingsfeltet. Legg til " # som et prefiks.
Hvis du vil bruke widgeten Nav Meny, kan du endre menyen du bruker. I URL-feltet til hvert menyelement skriver du inn CSS-ID-en med "#" som prefiks.
Skaff deg Elementor Pro nå!!!
konklusjonen
Her! Det er det for denne artikkelen som viser deg hvordan lage en fullskjermmeny i Elementor. Hvis du har noen bekymringer om hvordan du kommer dit, gi oss beskjed innen commentaires.
Du kan imidlertid også konsultere ressursene våre, hvis du trenger flere elementer for å gjennomføre prosjektene dine med oppretting av nettsteder, ved å konsultere vår guide om WordPress blog oppretting eller den på Divi: tidenes beste WordPress-tema.
Men i mellomtiden, del denne artikkelen på de forskjellige sosiale nettverkene dine.
...