Sådan tilføjer du et brugerdefineret menupunkt i Enfold: Trin-for-trin guide

Introduktion

Brugerdefineret menupunkt i Enfold er en effektiv måde at forbedre navigationen på din WordPress-side. Med Enfolds indbyggede funktioner kan du nemt oprette knapper til booking, promo-kampagner eller brugerportaler i den sekundære menu. Denne guide viser dig hvordan – uden plugins!

brugerdefineret menupunkt i enfold

Trin 1: Forudsætninger for brugerdefinerede menupunkter

Før du starter:

  1. Brug et Enfold Child Theme : Tilføj kode til functions.php i dit child-theme for at undgå at miste ændringer ved opdateringer.
  2. Redigeringsværktøj : Brug plugins som Code Snippets eller rediger via FTP for sikkerhed.

Trin 2: Tilføj koden til brugerdefineret menupunkt

Indsæt denne PHP-kode i din child-themes functions.php:

Hvad gør koden?

  • Måler sig specifikt på den sekundære menu (avia2).
  • Tilføjer en “Booking”-knap med animation via Magnific Popup .

Trin 3: Konfigurer Enfold-indstillinger

  1. Gå til Enfold Theme Options > Header > Extra Elements .
  2. Vælg Display Secondary Menu under “Header Secondary Menu”.
  3. Justér placering (f.eks. højrejusteret til knapper).
brugerdefineret menupunkt i enfold

Trin 4: Aktivér den sekundære menu

  1. Gå til Appearance > Menus .
  2. Opret en ny menu (f.eks. “Top Menu”).
  3. Tildel den til Secondary Menu under “Manage Locations”.
brugerdefineret menupunkt i enfold

Trin 5: Tilpas knappen (valgfrit)

  • Skift tekst : Erstat Booking i koden med f.eks. “Kontakt”.
  • Tilpas design : Tilføj denne CSS i Enfold > Generel Styling > Quick CSS :

FAQ

Q: Virker dette med Enfolds demo-indhold?
A: Ja, men test altid i et staging-miljø først.

Q: Hvordan linker jeg til en popup?
A: Brug href="#popup" og aktiver Magnific Popup i temaet.