Vi får ofta frågan från våra användare om det finns ett sätt att lägga till titlar i WordPress-menyn utan att lägga till en länk.
Under åren har vi hjälpt tusentals användare att komma igång med WordPress. Att ställa in en meny är en av de viktigaste sakerna du kan göra när du startar en ny webbplats.
När du skapar en rullgardinsmeny kan du dock vilja lägga till en titel för undermenyer utan att länka den till en specifik sida. På så sätt behåller du besökarna på samma sida.
I den här artikeln visar vi dig hur du lägger till titlar i WordPress-menyn utan att länka till en sida.
Varför lägga till menytitlar utan att länka till en sida?
WordPress erbjuder flera alternativ för att anpassa din webbplats, vilket gör att du kan nå din målgrupp och erbjuda en exceptionell användarupplevelse.
För att ge en smidig användarupplevelse måste din WordPress-webbplats ha en välstrukturerad navigeringsmeny. Det gör det enkelt för användare att hitta innehåll och olika sidor på din webbplats.
När du lägger till menytitlar kräver WordPress som standard att varje meny har en länk till en sida eller en anpassad länk. Du kanske dock vill visa en menytitel men inte länka till en sida under vissa omständigheter.
Till exempel kan du ha en kategorier-nedrullningsmeny där du vill att rubriktexten ska vara 'kategorier' för menyn, men du behöver inte lägga till en länk. När användare klickar på kategorier öppnas helt enkelt en undermeny i nedrullningsmenyn.
Med det sagt, låt oss titta på hur du kan lägga till en titel i WordPress-menyn utan att länka till en sida.
Lägga till WordPress-menytitel utan att länka till en sida
Det första du behöver göra är att lägga till ett nytt menyalternativ i din meny. Du kan göra det genom att gå till Utseende » Menyer från din WordPress-adminpanel.
Notera: Om du inte ser alternativet Utseende » Menyer använder du ett blocktema, och den här handledningen fungerar inte för ditt tema.
Därefter vill du lägga till en anpassad länk. Du kan se alternativen 'Anpassade länkar' under avsnittet 'Lägg till menyalternativ'.
Om du inte ser Anpassade länkar, klicka helt enkelt på knappen 'Skärmalternativ' längst upp till höger på skärmen. Markera sedan rutan för 'Anpassade länkar'.
Därefter behöver du ange en etikett eller titel för ditt menyalternativ.
I URL-fältet, ange symbolen hashtag (#) och klicka på knappen "Lägg till i meny".
Ditt menyalternativ kommer nu att läggas till i WordPress-menyn.
Klicka sedan på nedrutepilen bredvid den anpassade länken för att redigera menyalternativet. Ta bort hashtaggen från URL-fältet och klicka på knappen 'Spara meny'.
Du kan lägga till undermenyer till detta menyalternativ och länka dem till vilken sida som helst eller ange en anpassad länk om du vill.
Om du behöver hjälp med att lägga till menyn på din webbplats, se vår guide om hur man lägger till en navigeringsmeny i WordPress.
Nu, om du går till din WordPress-blogg, då kommer du att se ett menyalternativ utan en länk.
Vi hoppas att den här artikeln hjälpte dig att lära dig hur du lägger till titlar i WordPress-menyn utan att länka till en sida. Du kanske också vill kolla in vår guide om hur man lägger till sociala ikoner i WordPress-menyn och hur man lägger till ett sökfält i WordPress-menyn.
Om du gillade den här artikeln, prenumerera då på vår YouTube-kanal för WordPress-videoguider. Du kan också hitta oss på Twitter och Facebook.
Marit
Tack! Det här var precis den information jag behövde!
Ken
Precis vad jag behövde.
Jag kliade mig i huvudet och undrade hur jag skulle kunna göra detta.
Sedan stötte jag på den här artikeln, tack så mycket.
Jon
Detta fungerade utmärkt, tack!
Petur Kirke
En liten sak saknas i den här artikeln.
Hur blir man av med handen (cursor: pointer), eller är det bara jag som har det här problemet?
Scot
Jag har använt den här typen av anpassad länk i toppnivån på min primära meny, och det fungerar utmärkt på datorn. Men på mobila enheter, när jag trycker på den anpassade länken, öppnas inte undermenyerna under den, så ingen av dessa sidor är tillgängliga. Finns det ett sätt att fixa det?
adnan
detta var hjälpsamt tack
Hamba Allah
tack så mycket :*
Luis Casanova
Tack!
Precis vad jag behövde!
Steve
Jag lade till en titel i min webbplatsmeny som du föreslog med # metoden men behövde ta bort den. Jag gjorde det på instrumentpanelen men den visas fortfarande i min webbplats huvudmeny och när den öppnas står det "blank page" och att den är osäker. Hur tar jag bort den.
WPBeginner Support
Om du använder ett cache-plugin, vänligen ta bort cache-filer. Besök även Menyskärmen för att säkerställa att du har tagit bort menyalternativet. Glöm inte att klicka på spara menyalternativet efter att ha tagit bort eller lagt till ett objekt i menyn. Hoppas detta hjälper.
Admin
Pam Hill
Jag har en befintlig meny som jag behöver ta bort sidlänkar från. Hur gör jag det? Jag har 3 titlar i sidhuvudet som länkar till sina egna sidor. Jag vill inte att de ska länka till någon sida.
Danielle
OMG det här var en livräddare och jag önskar att jag hittat det för 6 månader sedan... Jag har försökt lista ut det här hur länge som helst. TACK SÅ MYCKET!!
Brendan Dunne
Jag använde den här metoden för att lösa mitt problem och det fungerar utmärkt tack.
Men, den skapade menyhuvudet är inte en sida så när jag ska mappa undersidorna, hur strukturerar jag dem?
Marek
Hej,
Jag skapade ett anpassat menyobjekt som jag vill ska fungera endast som en etikett, så jag tog bort URL:en från det objektet, men det visas fortfarande i en annan färg vid muspekaren som om det vore en länk. Hur inaktiverar jag den här hover-effekten för det objektet?
Du kan se det här: och objektet är 'Written About Braunstein’s:' i menyn under logotypen.
Tack
Susan Taunton
Detta är som svar på Mareks fråga den 9 augusti om hur man tar bort hover-effekten från en menyrubrik som inte är länkad:
Marek,
Du kan använda webbläsarens utvecklingsverktyg för att identifiera att titeln är meny-item-nummer och sedan använda CSS för att definiera länken, besökt, hover, fokus, aktiva färger så att alla är desamma och därmed ta bort hover-effekten.
Exempel:
#menu-item-2036 a,
#menu-item-2036 a:link,
#menu-item-2036 a:visited,
#menu-item-2036 a:hover,
#menu-item-2036 a:focus,
#menu-item-2036 a:active {
color:#C1A45B;
}
Susan
Huzni Saud
bra jobbat kompis
Penelope Whiteley
Jag förstod inte det här... finns det några fler bilder som kanske visar den färdiga produkten?
Norbert
Tack, det är briljant och fungerar!!!!
WILLIAM
Tack, det fungerar som en charm.
Rui
Använd Utseende>Menyer, skapa ett anpassat länkalternativ med URL som
javascript: void(0);
This is the a great way of solving that problem
Peter
Detta har irriterat mig ett tag men jag har aldrig gjort något åt det. Googlade och bingo, löst. Så enkelt tack.
Annelisse Miller
Fungerade perfekt! Så lätt att följa! Tack!
teri matelson
kan du göra en anpassad länk, tillagd i huvudnavigeringen, som öppnas i ett nytt fönster?
Matthias
Tack – verkligen hjälpsamt!
Rajit
Hej, Hur ändrar jag stilen på anpassade länkar? Jag vill separera två uppsättningar menyalternativ med separata, icke-klickbara rubriker.
Tack
Graham
Cheers for that. We were really stuck. Knew it could be done, but didn’t know how…until now. Yer a star
Rosie
Tack!! Det här är precis vad jag behövde göra och det har fungerat utmärkt.
Rosie
Sanjay Nair
Så enkelt! Precis vad jag behövde. Tack.
Hayley
Tack! Precis vad jag behövde!
Carol M. Smith
Tack ... men jag vill inte att orden "Menyalternativ" ska finnas i menyn ... Kan jag ändra namnet "Menyalternativ"?
Leanne
precis vad jag behövde veta! tack!!
Bob Varaleau
Jag använde kategorier för att göra detta men detta är mycket bättre. Det finns ett problem som du kanske kan hjälpa mig med.
Om en tittare skulle klicka på anpassad länk, kommer den anpassade meny-länken att förbli markerad tills du klickar på ett underordnat objekt eller någon annanstans på sidan. Det är en mindre sak men om det kunde åtgärdas skulle det göra denna fix för menyn ännu bättre. Är det möjligt att göra denna anpassade länk-menyknapp oklickbar med CSS??
Menno van der Krift
Skål! Fungerar som en charm.
Mike
Märkligt nog fungerar detta inte på iPaden. Innan undermenyn kan visas, frågar den om du vill spara bilden? Fungerar perfekt när nedruteknappen har en normal sidlänk, dvs. menyalternativet dras från 'Sidor'.
George
Detta är bra – det fungerar. Dock har titeln på min rullgardinsmeny ändrat färg – från vit till blå. Kan någon förklara hur jag kan korrigera detta i WordPress?
jhodgski
Tack för detta, men skulle det inte resultera i ogiltig HTML eftersom jag ser att du slutar med ett ankare/länkelement som saknar href-attribut. Det skulle också vara semantiskt felaktigt att använda ett ankare/länkelement om objektet inte faktiskt är en länk. Finns det ett bättre sätt?
viktoriana
Detta fungerade inte i mitt fall :/ Har "konverterat" en meny som var en ul-lista med länkar till en registrerad wp_nav_menu och nu visas inte kategorierna som listades som wp_list_categories under anpassad länk som de brukade. På något sätt måste wp_list_categories fortfarande läggas till i wp_nav_menu, och det är inte alls så enkelt som det här inlägget antyder. :/
viktoriana
except this is not working
followed exactly what you’ve written, added two categories us subpages, but submenu is not showing.
there must be some wp_list_categories thingy messing up my wp_nav_menu …
bb
Jag älskar wpbeginner! Tack för den här justeringen, skål
Rob Lowndes
Precis vad jag letar efter. Men när jag placerar några sidor som underelement under det nya tomma menyalternativet ser det bra ut tills jag sparar menyn och sedan återgår dessa sidor automatiskt till huvudmenyn! Med andra ord tillåter WP 3.7.1 mig inte att spara några undermenyer till det nya objektet. Kan någon hjälpa mig?
Wayne Gerald
Jag gjorde detta på min omfattande träningswebbplats. Dock tog mina anpassade länkar slut, vilket innebär att jag nådde WordPress gräns för anpassade länkar. Om jag går förbi denna gräns sparas inte navigeringsmenyn längre. Så hur kringgår jag denna gräns för anpassade länkar? Finns det ett plugin? Om så är fallet, kan jag inte hitta det.
All hjälp skulle vara mycket, mycket uppskattad.
Joe Dean
Du har förmodligen löst detta nu men, för alla andra som läser detta:
https://014.leahstevensyj.workers.dev/wp-tutorials/how-to-fix-the-custom-menu-items-limit-in-wordpress/
kuldip
Tack snubben, det är till hjälp för mig
Muhlis
det här är vad jag letar efter för att redigera kategoridropdownmenyn på min webbplats resellerhunter.com, tack för hjälpen.
grrprep
Jag vill göra något omvänt. Jag vill lägga till sidor men inte låta dem visas i menyer. Jag har cirka 20 sidor och vill inte ha 20 undermenylänkar i min meny. Hjälp uppskattas.
CHRIS
Gå till menyerna och avmarkera "Lägg automatiskt till nya sidor på toppnivå". Nu om du vill att en sida ska visas i menyn måste du lägga till den själv.
Janet
Tack! Jag har alltid undrat hur man gör detta.:)
Jake Tyler
Det där är en bra handledning, verkligen, tack så mycket.
Chris
Finns det något sätt att när vi lämnar musen över det menyalternativ som inte har någon länk, att muspekaren inte ändras? Praktiskt taget att webbläsaren inte förstår det som en länk?
Tack.
Mike Ott
Du kan bara rikta in dig på elementet i CSS med:
cursor:crosshair;
Buck
Fin handledning, jag visste aldrig att detta var möjligt.
Beth Pittman
Tack för det här inlägget! Är det bara jag, eller har någon annan problem med att få rullgardinsikonerna på menyskärmen att öppnas? När jag klickar på ikonen flyttas menyobjektet bara ner på menyn. Jag måste göra det upprepade gånger tills det äntligen öppnas. Några tips?
Lorne
Hur skulle man uppnå (ändra) samma sak på en webbplats WP v3 med redan befintliga menyer?
Tack
SmittenbyBritain
Tack för tipset. Jag försökte lista ut hur man skulle göra det. Jag länkade bara tillbaka till hem om jag inte hade en URL. Det här fungerar utmärkt!
bob
vad händer om du redan har etablerat en stor menyrad? kan du gå tillbaka och ändra den första menyradens titel så att den inte länkar till en sida?
Redaktionell personal
Ja, du kan alltid justera menyerna. Denna teknik är särskilt användbar om du vill lägga till undermenyer i din långa menyrad.
Admin