Lær hvordan du lager en klebrig meny for WordPress-nettstedets hovednavigasjon! Klistrete menyer bidrar til å forbedre brukeropplevelsen ved å gjøre nettstedets meny lettere tilgjengelig for besøkende på nettstedet. I tillegg kan det bidra til å forbedre det generelle utseendet til nettstedet ditt. La oss gå inn i det!

Innholdsfortegnelse

1. Naviger til Site Editor

Det første trinnet i denne prosessen er å navigere til "Site Editor" i WordPress-administrasjonsområdet. Site Editor er tilgjengelig for "Block Themes" i WordPress, forutsatt at du bruker WordPress versjon 5.9 eller nyere.

For å navigere til Site Editor, gå til Utseende> Editor (rød pil i bildet ovenfor) fra hovednavigasjonen i WP Admin-området.

Klikk på hovedinnholdsområdet på høyre side av skjermen (skissert i lyseblått og merket med den blå pilen i imate ovenfor). Dette tar deg til Block Editor inne i Site Editor.

På høyre side, under fanen "Side", vil du se en rad merket "Mal" (skissert i blått i bildet ovenfor). Klikk på malnavnet/lenken (rød pil). Klikk deretter "Rediger mal" (grønn pil - noen ganger er "Rediger mal" en liten blå tekstlenke under rullegardinmenyen som viser malnavnet ditt).

2. Rediger malen din

Du vil nå være inne i malredigereren for hjemmesiden til nettstedet ditt. (Hvis du ikke har en startside for nettstedet ditt, kan du sjekke ut denne opplæringen om å sette en statisk hjemmeside for WordPress-nettstedet ditt).

Øverst i malen finner du hovednavigasjonen for siden din – også kalt «Overskrift» på nettsiden din. Når du holder musen over dette elementet, vil du se en lilla boks som viser det (rød pil i bildet ovenfor). Dette indikerer at dette elementet er en "synkronisert mønster," som betyr at en endring i én forekomst av mønsteret vil bruke endringer på tvers av alle forekomster på hele nettstedet. Klikk på dette området for å velge det synkroniserte topptekstmønsteret.

Hvis dette er nettstedets hovedhodeelement, bør du nå se at det synkroniserte mønsteret er merket "Header" i blokkverktøylinjen.

3. Legg til overskriften din i en gruppe

Innenfor blokkverktøylinjen for det valgte overskriftsmønsteret, klikk på "Alternativer"-ikonet (rød pil i bildet ovenfor) og velg "Gruppe" (grønn pil). Dette vil neste det synkroniserte mønsteret inn i en gruppeblokk.

Du vil legge merke til at blokkverktøylinjen nå har gruppeblokkikonet (blå pil i bildet ovenfor), og omrisset rundt hovednavigasjonsområdet er nå blått i stedet for lilla (rød pil).

Merk at dette kan endre bredden på hovednavigasjonsmenyen. For å justere bredden, hold musen over det synkroniserte topptekstmønsteret og klikk for å velge det (rød pil).

I blokkverktøylinjen for det synkroniserte overskriftsmønsteret, klikk på "Juster"-ikonet (grønn pil) og endre dette tilbake til ønsket bredde (blå pil - i mitt tilfelle valgte jeg "Bredbredde").

For å gå tilbake til gruppeblokken, klikk på "Velg gruppe"-ikonet på verktøylinjen for overskriftsblokk (rosa pil).

WordPress forenklet: Hvordan bygge kraftige nettsteder-kurs av Davies Media Design

4. Sett gruppen til "Sticky"

Med gruppen valgt, naviger til "Blokker"-fanen under Innstillinger-sidepanelet på høyre side av skjermen (rød pil i bildet ovenfor).

Klikk på menyelementet merket "Posisjon" (grønn pil). Du vil nå se en rullegardin her merket "Standard" (rosa pil). Klikk på rullegardinmenyen og velg alternativet "Sticky" (blå pil).

Naviger til toppen av redigeringsprogrammet og klikk på "Lagre"-knappen (rød pil), og klikk deretter på "Lagre" igjen. Du vil nå ha en pinnemeny hovednavigasjon for WordPress-nettstedet ditt!

5. Style Sticky Menu

Du kan tilpasse / style mange elementer i den nye klebrige menyen, men for denne opplæringen vil jeg ganske enkelt legge til en bakgrunn bak gruppeblokken for å sikre at menyen spenner over hele bredden av nettsiden.

For å gjøre dette, med gruppeblokken valgt, navigerer jeg til "Stiler" -fanen på sidepanelet for innstillinger (rød pil i bildet ovenfor).

Under "Farge" klikker jeg på alternativet "Bakgrunn" (blå pil), og velg deretter den hvite fargeprøven for å sette bakgrunnsfargen til hvit (grønn pil).

Nok en gang klikker jeg "Lagre" to ganger for å lagre endringene.

Vær oppmerksom på at du alltid kan justere bredden, høyden eller avstanden til nettstedets overskrift under "Dimensjoner"-delen ved å bruke glidebryterne "Padding" og "Margin".

Du kan forhåndsvise nettstedet ditt ved å klikke på enhetsikonet (rød pil), og deretter klikke på "Vis nettsted" (grønn pil).

Du kan bla på nettstedet ditt og se den klebrige navigasjonsmenyen forbli på plass øverst (grønn pil)!

Når du er ferdig med å redigere den klebrige menyen, klikker du på "Tilbake"-knappen øverst i redigeringsprogrammet (rød pil). Dette vil returnere deg til nettsiden din i Side Editor.

For å gå tilbake til WP Admin-området klikker du bare på logoen i øvre venstre hjørne.

Det var alt for denne opplæringen! Hvis du likte det, kan du lær WordPress med mitt dybdekurs om Udemy. Eller du kan sjekke ut andre gratis WordPress videoopplæringer og WordPress hjelpeartikler på nettsiden min.

Davies Media Design Gratis kreative apper Nyhetsbrev på e-post

Abonner på DMD-nyhetsbrevet

Registrer deg for å motta nye opplæringsprogrammer, kursoppdateringer og de siste nyhetene om dine favoritt gratis kreative apper!

Du har abonnert!

Pin It Pinterest