Kuidas muuta WordPressis menüüüksus klõpsatavaks

Kas soovite lisada oma menüüsse klõpsamatu menüüelemendi?

Sellest postitusest saate teada kaks kiiret sammu, mis on vajalikud menüüelemendi lingimata jätmiseks, ja boonusnõuanne kasutajakogemuse parandamiseks.

Esmalt logige oma saidile sisse ja navigeerige lehele Menüüd.

Lehel Menüüd klõpsake vasakul jaotist Kohandatud lingid.

Kohandatud linkide valik võimaldab teil linkida mis tahes soovitud URL-ile, kuid meil on selle asemel spetsiaalne nipp.

Asendage URL-i sisestuses „http://" naelamärgiga „#” ja sisestage lingi tekstiks soovitud tekst.

Klõpsake nuppu Lisa menüüsse ja seejärel saate oma menüüs uue üksuse korraldada. Kuna menüüelement ei ole kuhugi lingitud, ei suunata külastajaid sellel klõpsamisel uuele lehele.

URL-i väli ei tohi olla tühi ja naelamärgi kasutamine sel viisil on tavapärane.

Kursorit hõljutades eemaldage kursor

Menüüüksus ei lingi kuhugi, kuid see näitab kursorit, kui hõljutate selle kohal. Saate teha veel ühe sammu, et teha selgeks, et seda menüüüksust ei saa klõpsata.

Klõpsake menüü Menüüd paremas ülanurgas vahekaarti Ekraani valikud.

Veenduge, et ruut CSS-klassid on välja lülitatud, ja seejärel sulgege jaotis Ekraanisuvandid.

Järgmisena klõpsake linkimata menüüüksusel ja lisage klass nimega "unclickable".

Kui CSS-klass on lisatud, saame nüüd CSS-iga sihtida seda konkreetset menüüüksust.

Järgmine CSS jätab kursori vaikeikooniks, kui hõljute linkimata menüüelemendi kohal.

.unclickable > a:hover {
  cursor: default;
}

Kui te pole kunagi varem oma saidile CSS-i lisanud, järgige seda CSS-i lisamise juhendit. See võtab vaid minuti või kaks.

Enamik WordPressi veebihaldureid kasutab seda, et muuta rippmenüüs ülemmenüü üksus klõpsamatuks. Kuigi see on selleks suurepärane tehnika, saate muuta suvalise arvu menüüüksusi klõpsamatuks ja need ei pea olema ka tipptasemel menüülingid.

Kas teil on selle õpetuse kohta küsimusi või näpunäiteid teistele lugejatele? Jäta kommentaar alla.