Navigation og menuer

Jeres hjemmeside har fire menu-placeringer der styres fra admin-panelet.

Placeringer

  • Header — Hovednavigationen i toppen af alle sider
  • Footer: Skolen — Links om skolen i footeren
  • Footer: Praktisk — Praktiske links i footeren
  • Footer: Juridisk — Juridiske links (privatlivspolitik, vilkår)

Lav siden først

Et menupunkt er kun et link. Det opretter ikke siden.

Skal I have et nyt punkt der hedder for eksempel “Undervisning”, så lav siden under Hjemmeside > Alle sider først, og noter dens adresse (for eksempel /undervisning). Peger et menupunkt på en side der ikke findes, får den besøgende en “Side ikke fundet”, og menuen advarer jer ikke om det.

Tilføj et menupunkt

  1. Gå til Hjemmeside > Navigation
  2. Vælg fanen for den menu I vil redigere (Header eller en af de tre footer-sektioner)
  3. Klik + Tilføj menupunkt
  4. Udfyld:
    • Label — Teksten der vises i menuen
    • Link (href) — Adressen, for eksempel /om for en intern side eller https://... for et eksternt link
    • Target — Vælg “Nyt vindue” hvis linket fører væk fra jeres eget site
    • CSS-klasse — Lad stå på “Ingen”. Se afsnittet om knappen i headeren nedenfor
    • Underpunkt af — Lad stå på “(ingen / topniveau)”. Se afsnittet om dropdowns nedenfor
  5. Klik Tilføj

Et menupunkt kan lægges ind under et andet, så der folder en lille menu ud når man peger på overpunktet.

  1. Opret menupunktet som beskrevet ovenfor
  2. Sæt Underpunkt af til det punkt det skal ligge under
  3. Klik Tilføj

Overpunktet får nu mærkatet Dropdown i listen, og underpunktet står indrykket under det med en pil.

På hjemmesiden sker der tre ting:

  • Overpunktet får en lille pil, og menuen folder ud når man peger på det
  • På mobil folder den ud når man trykker på punktet
  • Overpunktets egen side ligger som det øverste punkt inde i dropdownen, så den stadig kan nås. “Om os” med underpunktet “Undervisning” giver altså en dropdown med både “Om os” og “Undervisning” i

Det virker med tastatur og skærmlæser.

To ting det ikke kan:

  • Kun ét niveau. Et underpunkt kan ikke selv få underpunkter
  • Sletter I et overpunkt, ryger dets underpunkter med. Flyt dem op på topniveau først hvis I vil beholde dem

Vil I lave et underpunkt om til et almindeligt menupunkt igen, så klik Rediger og sæt Underpunkt af tilbage til “(ingen / topniveau)”.

Knappen i headeren

Ét punkt i header-menuen kan vises som en fremhævet knap i stedet for et almindeligt link, typisk til det I helst vil have folk til at gøre (“Book rundvisning”, “Besøg os”).

Sæt CSS-klasse til CTA-knap på det punkt.

Bemærk: Der vises kun én knap i headeren. Sætter I CTA-knap på to punkter, er det kun det første der bliver til en knap.

Flyt menupunkter

Træk i ☰-håndtaget til venstre for et menupunkt for at ændre rækkefølgen.

Underpunkter kan kun flyttes inden for deres egen dropdown.

Skjul et menupunkt

Klik øje-ikonet for at skjule et menupunkt midlertidigt uden at slette det. Det bliver liggende i listen, men forsvinder fra hjemmesiden.

Tip: Header-menuen bør have 4-6 punkter for bedste brugeroplevelse. Har I brug for flere links, så saml dem i dropdowns eller læg dem i footer-menuerne.

TypeFormatEksempel
Intern side/slug/om-skolen
Ekstern linkhttps://...https://facebook.com/...
Emailmailto:...mailto:kontor@skolen.dk
Telefontel:...tel:+4512345678