Komplett guide: Hvordan lage og administrere menyer i WordPress

Å lage en meny i WordPress er ganske enkelt når du først kjenner gangen i det. I denne guiden lærer du hvordan du bygger en meny fra bunnen av, hvordan du lager smarte nedtrekksmenyer (dropdowns), og hvordan du viser dem på nettsiden din med Elementor.

1. Opprette menyen

For å lage en ny meny, går du til fanen Utseende og velger deretter Menyer.

‍

‍

Deretter:

1. Klikk på linken der det står Opprett en ny meny.
2. Gi den nye menyen et navn.
3. Lagre menyen ved å klikke på knappen Opprett meny.

‍

‍

2. Legge til sider / Menyelementer

I kolonnen til venstre finner du menyelementene. Listen du ser vil endre seg alt etter hvilke plugins du har lagt inn på nettsiden, men du vil alltid finne Sider, Innlegg og Kategorier.

‍

‍

Tips om skjulte elementer:Om du ikke finner de elementene du ser etter, kan du sjekke om de kan «slåes på» ved å klikke på Visningsinnstillinger helt øverst til høyre i skjermbildet og huke av den du mangler.

‍

‍

‍

Endre tekst uten å endre sidetittel

Når du har lagt til et element, kan du klikke på pilen til høyre på elementet. I feltet Navigasjonsetikett kan du endre hva som står i selve menyen. Dette er nyttig hvis sidetittelen din er lang, men du vil ha et kort ord (f.eks. "Hjem" i stedet for "Velkommen til vår nettside") i menyen.

Legge et element inn i menyen:

For å legge et element inn i menyen, velger du de elementene du ønsker ved å hake dem av og deretter klikke på Legg til i meny. Da vil du se at de legger seg i menyen til høyre.

‍

‍

3. Rekkefølge i menyen

Du har to måter å endre rekkefølgen i menyen på. Det ene er å dra menyknappen dit du ønsker å ha den. Om du holder musen over menyknappen, ser du et kors. Det betyr at du kan dra knappen.

Dersom menyknappen skal ligge i en nedtrekksmeny, drar du den opp så den ligger under riktig overordnet meny og drar den litt mot høyre. Da ser du at den legger seg et hakk inn.

‍

‍

Den andre måten er å klikke på pilen ved siden av navnet slik at innstillingene til menyknappen blir synlige:

1. Overordnet meny: Dersom menyknappen skal ligge i en dropdown, kan du velge hvilken knapp den skal ligge under.
2. Menyrekkefølge: Her velger du hvilket nummer i rekken menyknappen skal ha. Denne kan du bruke både på dropdown og på vanlige menyknapper.

‍

‍

4. Dropdown meny (Nedtrekksmeny)

Som nevnt over kan du bestemme under hvilken menyknapp et menyelement skal ligge. For at navigasjonen skal være så enkel og brukervennlig som mulig, pleier man ikke å bruke en klikkbar menyknapp for selve overskriften i en dropdown.

Du legger inn en menyknapp som ikke er klikkbar ved å velge Egendefinerte lenker fra menyen til venstre. I feltet URL skriver du #, gir knappen et navn og legger den inn i menyen. Deretter flytter du menyelementene som skal ligge i nedtrekksmenyen slik at de legger seg under denne egendefinerte knappen.

‍

‍

‍

Lagre menyen: For å lagre alle endringer klikker du på den blå knappen Lagre meny.'

Viktig om plassering

I mange standardtemaer må du velge "Visningssted" (f.eks. Primary eller Footer) nederst på siden for at menyen skal dukke opp. Siden vi skal bruke Elementor, styrer vi dette i neste steg.

5. Legge inn en meny på en side med Elementor

Når menyen din er laget, må du legge den inn der du ønsker at den skal være synlig. Elementor har et menyelement som fungerer bra på det meste, så sant man ikke har behov for mer kompliserte løsninger som f.eks. en megameny. Dra menyelementet dit du vil den skal ligge.

‍

‍

Når du har lagt inn menyelementet i Elementor, velger du hvilken meny du vil vise. Deretter kan du velge om du vil ha menyen horisontal, vertikal eller som dropdown/nedtrekksmeny.

‍

‍

‍

‍

‍

Justering av innstillinger (se bildehenvisning):

Her kan du justere de andre innstillingene nøyaktig slik de er nummerert på bildet:

‍

‍

1. Her kan du velge hvordan menyen skal ligge: på høyre eller venstre side, i midten eller spenne jevnt over hele skjermbredden.
2. Her kan du bestemme hvordan menyknappen skal se ut når du holder museknappen over den (hover), og hvordan den skal se ut når du er på siden menyknappen lenker til (active).
3. Om du vil ha en animasjon på overgangen fra hover til settingen du bestemte rett over, kan du velge en her.
4. Viewport er et annet navn på skjermbredden. En nettside kan ha mange viewports, men som regel holder det med tre; PC, Brett og mobil. Her bestemmer du når menyen skal skifte til hamburgermeny. Dersom du ønsker at hovedmenyen skal være hamburgermeny også på PC, velger du INGEN. Da vil menyen endre seg fra horisontal eller vertikal til hamburgermeny med ikon.
5. Dersom du vil at hamburgermenyen på brett og mobil skal spenne over hele bredden av skjermen, slår du den på her.
6. Her kan du justere hvordan du vil menyen skal ligge på brett og mobil – for eksempel på venstre side eller i midten.
7. Du kan også slå av hamburger-ikonet dersom du ikke behøver det.
8. Her kan du velge hvilket ikon du ønsker å bruke om du ikke vil ha det vanlige hamburger-ikonet. Du kan også velge et annet ikon når du holder museknappen over eller når menyen er åpen for å skape kule effekter.
9. Her kan du bestemme hvor hamburger-ikonet skal ligge på siden. Det vanligste er på høyre side, men du har muligheten til å justere dette fritt.

‍

‍

Under fanen STYLE (Stil) i Elementor finner du ytterligere innstillinger for å style farger, fonter og avstander for både PC, brett og mobil.

‍