Før du kan følge guiden, skal du være logget ind i WordPress. Når du er logget ind, kan du åbne siden i Breakdance og redigere indholdet direkte på hjemmesiden.
Sådan redigerer du menuen i Breakdance
1. Gå ud på din hjemmeside
Når du er på hjemmesidens kontrolpanel, klik på hjemmesidens navn eller husikonet øverst i venstre hjørne.
Du bliver nu sendt ud på selve hjemmesiden.
Er du ikke logget ind i WordPress?
Følg vores guide: Sådan logger du ind i WordPress
2. Åbn din header i Breakdance
Find Breakdance i menuen øverst på hjemmesiden.
Hold musen over Breakdance, og vælg den header, du ønsker at redigere.
Headeren åbnes nu i Breakdance Builder.
Nogle hjemmesider har flere forskellige headers. Sørg derfor for, at du vælger den header, der vises på den del af hjemmesiden, du vil ændre.
3. Vælg menuen
Klik på menuen i headeren.
Hvis du har valgt et element inde i menuen, kan du klikke på pilen op i indstillingspanelet for at gå et niveau op.
Fortsæt, indtil du har valgt Menu Builder.
Her kan du se og redigere menupunkterne i din menu.
4. Vælg den placering, hvor menupunktet skal tilføjes
Hvis menuen har en dropdown-menu, skal du først klikke på den dropdown, du vil redigere.
En dropdown-menu kan være opdelt i flere kolonner. Vælg derfor den kolonne, hvor det nye menupunkt skal placeres.
De menupunkter, der ligger i den valgte kolonne, bliver vist i indstillingspanelet.
5. Tilføj et nyt menupunkt
Klik på Add Link for at oprette et nyt menupunkt.
Skriv navnet på menupunktet i titel-feltet.
Det kan eksempelvis være:
Frøpapir
Det er denne tekst, de besøgende vil kunne se i menuen.
6. Tilføj et link til menupunktet
Find feltet URL.
Her kan du enten:
-
Indsætte sidens adresse direkte
-
Søge efter en eksisterende side på hjemmesiden
Hvis du søger efter siden, skal du klikke på den ønskede side i søgeresultaterne for at tilføje linket.
Menupunktet sender nu den besøgende videre til den valgte side.
7. Tilføj eventuelt en beskrivelse eller et ikon
Afhængigt af hjemmesidens design kan du også tilføje en beskrivelse til menupunktet.
Hvis menuen bruger ikoner, kan du også vælge et ikon til det nye menupunkt.
Bruger de eksisterende menupunkter ikke beskrivelser eller ikoner, behøver du ikke udfylde disse felter.
8. Tilføj et almindeligt menupunkt
Menupunkter som eksempelvis Kontakt kan tilføjes direkte til den almindelige menu.
Vælg Menu Builder, klik på Add Link, og tilføj menupunktets navn og URL på samme måde som tidligere.
Menupunktet bliver nu vist i menuen.
9. Kontrollér placeringen
Kontrollér, at det nye menupunkt er placeret det rigtige sted.
Hvis du arbejder med en dropdown-menu med flere kolonner, skal du især kontrollere, at menupunktet er tilføjet i den rigtige kolonne.
Er placeringen forkert, kan du vælge den korrekte kolonne og flytte eller oprette menupunktet der.
10. Gem dine ændringer
Når du er færdig med at redigere menuen, skal du klikke på Gem øverst i Breakdance.
Dine ændringer bliver nu gemt og vist på hjemmesiden.
Har din hjemmeside en dobbelt header?
Nogle hjemmesider har en dobbelt header med både en almindelig menu og praktiske oplysninger.
Den øverste del kan eksempelvis indeholde:
-
Telefonnummer
-
E-mailadresse
-
Åbningstider
-
Links til relevante sider
Denne del kan være bygget som en sektion med flere kolonner. Klik på det element, du vil ændre, og rediger det på samme måde som andre elementer i Breakdance.
Skal du udskifte logoet?
Logoet ligger typisk også i headeren og redigeres på samme måde som et almindeligt billede.
Følg vores guide: Sådan redigerer du tekster og billeder
I videoen viser jeg dig, hvordan du:
- finder den rigtige header og åbner Menu Builder i Breakdance
- tilføjer et nyt menupunkt med
Add Linkog navngiver det - indsætter et link ved at skrive URL'en direkte eller søge på siden
- vælger et ikon, der passer til designet
- retter dropdowns med flere kolonner, fx webshop-kategorier
- opbygger en dobbelt header som en sektion med tre kolonner
Hold menuen enkel – især i en webshop – og genbrug opsætningen fra de eksisterende punkter, når du tilføjer nye.
Jeg viser i videoen, at der også er logo i headeren. For at skifte dette ud kan du følge vores guide om, hvordan man skifter billeder.