TechBlogSD - Alt for WordPress- og WEB -utvikling
WEB- og WordPress -instruksjoner, nyheter, anmeldelser av temaer og plugins

Gjør navigasjonsmenyen på toppnivå ikke klikkbar i Weebly

0

Weebly tilbyr en enkel nettstedbyggerplattform som kanskje ikke er nyttig som den er for de fleste brukerne. For eksempel er det vanskelig å ordne sider i nødvendig rekkefølge i Weebly, og å gjøre navigasjonsmenyen på øverste nivå ikke klikkbar er ikke mulig som standard. Så lenge Weebly tillater å endre kilde -CSS, kan vi gjøre slike ting mulig ved å legge til enkel CSS -kode i hoved -CSS -filen “main_style.css". I denne artikkelen vil vi diskutere hvordan du gjør navigasjonsmenyen på toppnivå ikke klikkbar på Weebly -nettstedet .

Navigasjonsstruktur på toppnivå

Før du fortsetter, er det nødvendig å forstå grunnstrukturen i Weebly navigasjonsmeny. Høyreklikk på menyen på ditt publiserte nettsted og velg alternativet "Inspiser" eller "Inspiser element" for å åpne utviklerkonsollen i nettleseren din. Når du flytter musen over hver navigasjonsmeny på øverste nivå, kan du se de tilsvarende CSS -klassene. Hver navigasjonsmeny på toppnivå er identifisert med en CSS-klasse som ".wsite-nav-1", ".wsite-nav-2 ″,". Wsite-nav-3 ″, etc. hvor 1 er "Hoe" -siden generelt .

Gjør navigasjonsmenyen på toppnivå ikke klikkbar i Weebly

Finne CSS -klasse for Weebly Top Navigation Menu

Tallene kan endres basert på temaet ditt og notere CSS -klassen i navigasjonsmenyen du vil at den ikke skal være klikkbar. Anta at du vil gjøre den andre navigasjonsmenyen ikke klikkbar, og den tilsvarende CSS-klassen er ".wsite-nav-2".

Naviger nå til Weebly -kodeditoren under "Tema> Rediger HTML / CSS> Eiendeler> main_style.css" og legg til følgende CSS -kode.

.wsite-nav-2 { pointer-events: none; }

Lagre endringene og publiser nettstedet ditt for å se at den andre øverste navigasjonsmenyen ikke er klikkbar, og markøren endres ikke til en hånd på hover. Hvis du vil gjøre markøren til hånden, men menyen ikke skal være klikkbar, kan du endre koden ovenfor som nedenfor:

.wsite-nav-2 a:active { pointer-events: none; }

På samme måte kan du gjøre alle navigasjonsmenyer på toppnivå ikke klikkbare ved å legge til de tilsvarende CSS -klassene.

Weebly har forskjellig navigasjonsstruktur på mobilnettsteder, og klikk på toppmenyen vil igjen vise listen over menyer, inkludert toppmenyen. Dette gjør det mulig å åpne den øverste menykoblingen hvis den har et innhold, men i vårt tilfelle bør vi fjerne denne lenken fra listen. Legg derfor til følgende CSS i filen "main.less":

.wsite-menu-master-item { display: none !important; }

Etter å ha lagt til alle CSS -kodene, kan det se slik ut nedenfor:

Gjør navigasjonsmenyen på toppnivå ikke klikkbar i Weebly

Endre CSS i Weebly

Lagre endringene og publiser nettstedet ditt.

Skjuler de beste navigasjonssidene for søkemotorer og brukere

  • Skjul de øverste navigasjonssidene for søkemotorer som forhindrer søkemotorer i å gjennomsøke de tomme sidene. Du kan gjøre dette ved å merke av for alternativet "Skjul denne siden for søkemotorer" under "Avanserte" innstillinger på hver side på toppnivå.
  • Husk at brukerne fortsatt kan få tilgang til sidene ved å skrive inn nettadressen direkte i nettleserens adresselinje. Ideelt sett bør 301 viderekoblinger løse dette problemet, dessverre tillater Weebly ikke å angi viderekoblinger for direktesidene. Derfor kan du ikke stoppe brukerne fra å få tilgang til sidene via adresselinjen.

Opptakskilde: webnots.com
Leave A Reply

Dette nettstedet bruker informasjonskapsler for å forbedre din opplevelse. Vi antar at du er ok med dette, men du kan velge bort det hvis du ønsker det. jeg aksepterer Mer informasjon