Vill du ta reda på hur du skapar en One Page-navigeringsmeny i Elementor ?

Det finns webbplatser som bara har en sida (hemsidan). Även när du klickar på en navigeringsmeny kommer du att föras till en annan del av samma sida istället för en annan sida.

Målet med denna typ av webbplats är att säkerställa att besökare fokusera på ditt innehåll. Förutom innehållet, ett annat nyckelelement i en webbplats till en sida är navigeringsmenyn. I Elementor, är det mycket enkelt att skapa navigeringsmenyn för en webbplats till en sida.

Denna artikel kommer att visa dig hur.

För att ge dig en överblick, här är ett exempel på en ensidig webbplatsnavigeringsmeny.

skapa One Page-navigeringsmeny i Elementor

Som nämnts är det inte svårt att skapa navigeringsmenyn för en ensidig webbplats som den ovan Elementor.

Även om vissa tillägg, som t.ex Viktiga tillägg et Nätdel, kommer med en widget för att skapa navigering på en sida, du kan också skapa en utan att installera några tillägg.

Huvudidén är att peka ett menyalternativ till en viss del av sidan. För att göra detta måste du lägga till ett CSS-ID till avsnittet du vill peka på.

Läs också: Hur man ställer in anpassad position för mobilmeny i Elementor

Låt oss ta ett exempel.

Anta att du har ett menyalternativ som heter "Klasser" och du vill ha ditt besökare hänvisas till avsnittet "Klasser" på din ensidiga webbplats varje gång de klickar på menyalternativet "Klasser".

Redigera först sidan med Elementor och välj avsnittet "Klasser" (använd webbläsaren för din bekvämlighet).

skapa One Page-navigeringsmeny i Elementor

När avsnittet Klasser är valt, gå till fliken advanced från den vänstra panelen och öppna blocket advanced. Gå in iCSS ID av sektionen i fältet CSS ID.

skapa One Page-navigeringsmeny i Elementor

Upprepa stegen ovan för andra avsnitt som du vill ange med menyalternativ.

Anropar CSS-identifierare

Du kan använda vilken Elementor-widget som helst som har ett alternativ för att lägga till en länk för att anropa varje CSS-id som du har lagt till i sektioner. Klistra bara in CSS-id:t i länkfältet. Lägg till " # som ett prefix.

skapa One Page-navigeringsmeny i Elementor

Om du vill använda widgeten Nav-meny kan du ändra menyn du använder. I URL-fältet för varje menyalternativ skriver du CSS-ID med "#" som prefix.

Skaffa Elementor Pro nu!!!

Slutsats

Här! Det är det för den här artikeln som visar dig hur skapa en helskärmsmeny i Elementor. Om du har några funderingar kring hur du ska ta dig dit, låt oss veta inom commentaires.

Du kan dock också konsultera våra resurser, om du behöver fler element för att genomföra dina projekt för att skapa webbplatser, genom att konsultera vår guide om WordPress blogg skapande eller den på Divi: det bästa WordPress-temet genom tiderna.

Men under tiden dela den här artikeln på dina olika sociala nätverk.

.