Sådan opretter du WordPress-menupunkter uden et link

WordPress er en platform, der er velegnet til alle, også folk med absolut ingen kodningsviden. Par dette CMS med det rigtige WordPress-tema, og du kan skabe stort set enhver form for hjemmeside, du kan forestille dig.

Der er nogle elementer, som alle hjemmesider har til fælles, uanset niche. For at sikre, at brugerne kan finde rundt med lethed, skal enhver hjemmeside for eksempel have en god navigationsmenu. Og hvis du driver en hjemmeside i flere lag med meget indhold, skal du i så fald oprette en megamenu for at muliggøre effektiv brugernavigation. En velstruktureret menu er et absolut must, fordi den giver brugerne mulighed for hurtigt at finde og få adgang til dele af et websted, de er interesserede i.

Når du tilføjer menupunkter til din menu i WordPress, skal hvert element som standard have et link og tage brugeren et sted hen med et klik. Selvfølgelig er der tilfælde, hvor linket ikke er nødvendigt, når det er overflødigt.

For eksempel vil vi måske vise et menupunkt, der blot åbner underpunkterne i rullemenuen og ikke rent faktisk linker til noget selv. Disse elementer kaldes “no-link” eller “døde” menupunkter, og i modsætning til “almindelige” menupunkter er de ikke klikbare.

Det er på tide, at vi lærte, hvordan man opretter WordPress-menupunkter uden et link.

Oprettelse af et menupunkt uden et link

Gå til i dit admin-dashboard Udseende > Menuer.

Under Tilføj menupunkter, Klik på Brugerdefinerede links. Hvis du ikke kan se denne mulighed, skal du rulle til toppen af ​​siden og se efter i øverste højre hjørne Skærmindstillinger.

Klik på den, se efter Brugerdefinerede links, og marker dette felt.

Lad os gå nu til Brugerdefinerede links. Denne mulighed vises i Tilføj menupunkter afsnit. I den URL indtast et hashtag (#). I den Link tekst indtast navnet på det menupunkt, du er ved at oprette.

Når du er færdig, skal du trykke på Føj til menu knap. Når du har gemt ændringerne, vises det nye menupunkt i menustrukturen til højre.

Du kan nu klikke på menupunktet for at åbne dets muligheder. Hvis du efterlader “#”-tegnet i URL-feltet, vil det nye menupunkt blive vist, som om det var linket, men ved at klikke på det, vil brugere gå tilbage til toppen af ​​den side, de aktuelt gennemser. Hvis du sletter hashtagget og lader feltet stå tomt, vil den side, de gennemser, opdateres, når de klikker på menupunktet.

Heldigvis er der også en simpel løsning på dette.

Sådan gør du menupunkter uklikbare

For at gøre det klart, at et menupunkt er frakoblet, kan du også få musemarkøren til at vises som standardikonet, når en bruger holder musemarkøren over det menupunkt. Hvis du bruger et af Qode Interactives premium WordPress-temaer, kan du gøre dette ved blot at tjekke Link ikke boks.

Dette vil ikke kun vise standardmarkøren ved svævning, men vil også gøre menupunktet uklikbart (dvs. hvis en bruger klikker på menupunktet, sker der ikke noget).

I tilfælde af at du ikke bruger et af vores temaer, kan du holde standardmarkøren ved at svæve og gøre linket uklikbart via en simpel CSS. I Udseende > Menuer Klik på Skærmindstillinger øverst på siden og sørg for at CSS klasser boksen er markeret.

Gå derefter til det menupunkt, du tidligere har fjernet linket til, og se efter CSS klasser mulighed. Skrive ikke-klikbar i det felt, og klik derefter Gem menu.

Nu hvor du har oprettet klassen, skal du tilføje følgende kode til din CSS:

.unclickable > a {
pointer-events: none;
}

Og det er alt, hvad der skal til. Brugere vil nu ikke være i stand til at klikke på noget menupunkt med den ikke-klikbare klasse.

…og det er en Wrap!

Vi er nået til slutningen af ​​vores tutorial om, hvordan du opretter WordPress-menupunkter uden et link, og vi har også vist dig, hvordan du får din markør på hover til at forsvinde. Når du foretager ændringer i dit admin-dashboard og i CSS, så glem ikke det gem alle de ændringer, du foretager undervejs. Og husk, klar navigation er en meget vigtig komponent i en god UX. Dine besøgende skal være i stand til problemfrit at gå fra den ene side til den næste, så planlæg din menustruktur godt, men eksperimenter også gerne med menuens udseende. Udforsk mulighederne for skjulte menuer eller fuldskærmsnavigation, men sørg altid for, at din hjemmeside er forståelig og nem at bruge.