Hur man skapar WordPress-menyobjekt utan en länk

WordPress är en plattform som passar alla, inklusive personer med absolut noll kunskap om kodning. Para ihop detta CMS med rätt WordPress-tema så kan du skapa praktiskt taget vilken typ av webbplats du kan tänka dig.

Det finns några element som alla webbplatser har gemensamt, oavsett nisch. Till exempel, för att säkerställa att användarna enkelt kan hitta runt, måste varje webbplats ha en bra navigeringsmeny. Och om du driver en webbplats i flera lager med mycket innehåll måste du i så fall skapa en megameny för att möjliggöra effektiv användarnavigering. En välstrukturerad meny är ett absolut måste eftersom den tillåter användare att snabbt hitta och komma åt delar av en webbplats de är intresserade av.

När du lägger till menyobjekt till din meny i WordPress måste varje objekt som standard ha en länk och ta användaren någonstans med ett klick. Naturligtvis finns det tillfällen då länken inte behövs, när den är överflödig.

Till exempel kanske vi vill visa ett menyalternativ som helt enkelt öppnar underalternativen i rullgardinsmenyn och inte faktiskt länkar till någonting själv. Dessa alternativ kallas ”ingen länk” eller ”döda” menyalternativ, och till skillnad från ”vanliga” menyalternativ är de inte klickbara.

Det är dags att vi lärde oss hur man skapar WordPress-menyalternativ utan en länk.

Skapa ett menyalternativ utan en länk

Gå till i din administratörsöversikt Utseende > Menyer.

Under Lägg till menyalternativ, Klicka på Anpassade länkar. Om du inte ser det här alternativet, scrolla till toppen av sidan och leta efter i det övre högra hörnet Skärmalternativ.

Klicka på den, leta efter Anpassade länkar, och markera den här rutan.

Låt oss gå nu till Anpassade länkar. Det här alternativet kommer att visas i Lägg till menyalternativ sektion. I den URL fältet ange en hashtag (#). I den Länktext fältet ange namnet på menyalternativet du ska skapa.

När du är klar trycker du på Lägg till i menyn knapp. När du har sparat ändringarna kommer det nya menyalternativet att visas i menystrukturen till höger.

Du kan nu klicka på menyalternativet för att öppna dess alternativ. Om du lämnar ”#”-tecknet i URL-fältet, kommer det nya menyalternativet att visas som om det var länkat, men när användarna klickar på det kommer användarna att gå tillbaka till toppen av sidan de för närvarande surfar på. Om du tar bort hashtaggen och lämnar fältet tomt, kommer sidan de surfar på uppdateras när de klickar på menyalternativet.

Lyckligtvis finns det en enkel lösning på detta också.

Hur man gör menyalternativ oklickbara

För att göra det tydligt att ett menyobjekt inte är länkat kan du också göra att muspekaren visas som standardikon när en användare håller muspekaren över det menyalternativet. Om du använder ett av Qode Interactives premium WordPress-teman kan du göra detta genom att helt enkelt kontrollera Länka inte låda.

Detta kommer inte bara att visa standardmarkören när du håller muspekaren, utan kommer också att göra menyalternativet oklickbart (dvs om en användare klickar på menyalternativet kommer ingenting att hända).

Om du inte använder något av våra teman kan du hålla standardmarkören på pekaren och göra länken oklickbar via någon enkel CSS. I Utseende > Menyer Klicka på Skärmalternativ överst på sidan och se till att CSS-klasser rutan är markerad.

Gå sedan till menyalternativet som du tidigare har tagit bort länken och leta efter CSS-klasser alternativ. Skriva oklickbar i det fältet och klicka sedan Menyn Spara.

Nu när du har skapat klassen, lägg till följande kod till din CSS:

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

Och det är allt som finns. Användare kommer nu inte att kunna klicka på något menyalternativ med den oklickbara klassen.

…och det är en Wrap!

Vi har kommit till slutet av vår handledning om hur man skapar WordPress-menyalternativ utan en länk, och vi har också visat dig hur du får din pekare att försvinna. När du gör ändringar i din administratörspanel och i CSS, glöm inte att göra det spara alla ändringar du gör på vägen. Och kom ihåg att tydlig navigering är en mycket viktig komponent i ett bra UX. Dina besökare ska sömlöst kunna gå från en sida till nästa, så planera din menystruktur väl, men experimentera också gärna med menyns utseende. Utforska möjligheterna med dolda menyer eller helskärmsnavigering, men se alltid till att din webbplats är begriplig och lätt att använda.