Hvordan plassere menyer på hver WordPress-side

Siste oppdatering: 04/10/2024
Hvordan plassere menyer på hver WordPress-side

Vil du vite hvordan du har menyer på hver WordPress-side? Det er mange tilfeller der du trenger ulike menyer på ulike sider.

  • F.eks, kan det hende du har et nettsted på én side, men vil ha en dedikert butikk eller kontaktside. I dette tilfellet kan toppmenyens navigasjonskoblinger ikke brukes på disse separate sidene (f.eks. kontakt eller butikk) da de er satt til å veilede brukere gjennom forskjellige seksjoner på samme side (f.eks. startsiden din).

Et annet tilfelle kan være når brukere er på butikksiden din. Siden den siden har en annen funksjon enn resten av nettstedet, kan det være lurt å bruke toppmenyen til å vise produktkategoriene dine eller annen relevant informasjon for de som ønsker å foreta et kjøp.

Her kan du lese om: Måter å legge til et abonnementsskjema i WordPress

For å oppnå ønsket resultat bør du lage menyer på hver WordPress-side for hvert av disse scenariene og vise dem bare på disse sidene. Heldigvis, siden WordPress har et så stort fellesskap bak seg, kan du oppnå dette ved hjelp av en gratis plugin.

Metoder for å ha menyer på hver WordPress-side

La oss nå se hvordan du kan plassere menyer på hver WordPress-side:

Metode 1: Menyer på hver WordPress-side

Dette er trinnene du må følge for å ha menyer på hver WordPress-side:

Del 1: Installer en gratis plugin for å ha menyer på hver WordPress-side

For å sette opp en annen meny for en gitt side, må du bruke programtillegget Conditional Menus. For å installere den, følg trinnene nedenfor:

  1. Trinn 1: Fra WordPress-dashbordet, gå til Plugins → Legg til ny
  2. Trinn 2: I søkefeltet, søk etter "Betingede menyer» og installer det første resultatet (skjermbilde)
Betingede menyer
Betingede menyer
  1. Trinn 3: Etter at den er installert, klikk Aktiver.

Del 2: Lag forskjellige menyer for forskjellige sider

For å lage menyene for hver side er det nødvendig:

  1. Trinn 1: Gå til WordPress Dashboard → Utseende → Tilpass → klikk på Menyer
  2. Trinn 2: Legg til en ny meny, la oss kalle den «Kontaktsidemeny» (eller et annet navn)
  3. Trinn 3: Legg til menyelementer for hver side eller egendefinert lenke og klikk Publiser
  4. Trinn 4: Gjenta prosessen for alle de andre menyene du trenger.

Del 3: Administrer plasseringen av hver meny

Gå til Utseende → Menyer → Administrer steder og begynn å tilpasse menyene dine på hver WordPress-side ved å følge disse trinnene:

  1. Trinn 1: Klikk + Betinget meny for å legge til en ny meny på samme sted (f.eks. Hovedmeny)
  2. Trinn 2: Velg menyen du vil legge til
  3. Trinn 3: Klikk + Betingelser for å velge stedene der du vil at den spesifikke menyen skal vises
  4. Trinn 4: Klikk Lagre endringer og besøk siden for å sikre at den fungerer som den skal;

Gjenta den samme prosessen for et hvilket som helst antall separate sider.

Metode 2: Hvordan lage forskjellige menyer på hver WordPress-side

Menyen er det grunnleggende innholdet på hvert nettsted; hjelper besøkende enkelt å finne sidene de trenger. På nettsteder med komplekse strukturer vil du imidlertid kanskje at hver gruppe med sider skal ha separate menyer. For å tilpasse dem på den måten trenger du en plugin for å lage forskjellige menyer og tilordne dem til sidene/sidegruppen din.

I denne metoden vil vi vise deg i dybden hvordan du gjør det på den raskeste måten. Men først, la oss se hvordan det å lage separate menyer for hver side kan hjelpe deg i spesielle situasjoner.

Del 1: Bruk menyopprettingsapper på hver WordPress-side

Å ha separate menyer for hver side kan hjelpe deg hvis:

  1. Du ønsker å vise produktsider i startsidemenyen. Hver produktside vil ha en spesiell meny som har undermenyer knyttet til produktinformasjonssidene. For eksempel vil menyen på produktsiden inneholde informasjon som pris, opprinnelsesland for det tilsvarende produktet.
  2. Du har en kjedebutikk-nettside og hver butikk er representert på en egen side. Hjemmesidemenyen vil lede deg til butikksidene. Hver butikkside vil ha sin egen meny med viktige sider som produkter, adresse, bestilling osv.
  VIDIVs Victoria AI: Stemmeassistenten som revolusjonerer e-handel og salg

For å gjøre det lettere å forstå, vil vi ta et eksempel på en fruktbedriftsside. Nettstedet har en standardmeny på hjemmesiden som fører til to sider, Apple og Banana.

Hvordan plassere menyer på hver WordPress-side

Vi vil lage ytterligere to separate menyer for disse to sidene ved å bruke betingede menyer-plugin. Dette er trinnene for å gjøre det:

Del 2: Installer og aktiver programtillegget Conditional Menus

Plugins for betingede menyer er gratis og tilgjengelige på wordpress.org . Du trenger bare å installere og aktivere den som alle andre gratis plugin-moduler.

  1. Trinn 1: Gå deretter til utseendemenyer, endre til Administrer lokasjoner og du vil se + Betinget meny lagt til av plugin:
Administrer lokasjoner
Administrer lokasjoner

Del 3: Lag menyer for hver WordPress-side

  1. Trinn 1: Nå skal vi lage separate menyer for Apple- og Banana-sidene. For å gjøre dette, la oss utseendemenyer > Rediger menyer > lage en ny meny .
Utseende > Menyer > Rediger menyer > opprett en ny meny 
Utseende > Menyer > Rediger menyer > opprett en ny meny
  1. Trinn 2: Deretter vil vi gi et navn til menyen, velg visningsposisjonen til menyen (jeg vil vise den på Overskrift), og klikk deretter Lag meny.
Klikk på Opprett meny.
Klikk på Opprett meny.
  1. Trinn 3: I seksjonen Legg til menyelementer, må du legge til sider som undermenyer. Legg til to sider som er Apples opprinnelseApple pris al eplemeny. klikk i Lagre-menyen.
Legg til menyelementer
Legg til menyelementer og klikk i Lagre-menyen
  1. Trinn 4: Gjør nå de samme trinnene for å lage en egen meny for siden Banan:

Klikk på Lagre-menyen

Del 4: Sett opp menyer på hver WordPress-side (tilsvarende)

  1. Trinn 1: Fortsatt inne utseendemenyer, endre til Administrer lokasjoner og velg + Betinget meny:
Administrer steder og velg + Betinget meny
Administrer steder og velg + Betinget meny
  1. Trinn 2: Velg en meny fra listen (jeg velger Apple-meny). Klikk + Tilstand for å angi hvor den skal vises:
Klikk på + Tilstand
Klikk på + Tilstand

MERK: Et nytt popup-vindu vises og du vil se forskjellige faner å velge mellom. Du kan velge å vise menyen på hver kategori, posttype, taksonomi, brukerrolle eller hjemmeside, 404 sider osv.

  1. Trinn 3: Velg fanen Pages og Apple-siden for å angi menyen på denne siden.
Velg fanen Sider og Apple-siden
Velg fanen Sider og Apple-siden
  1. Trinn 4: Gjør det samme med bananmenyen.

Velg fanen Sider og Apple-siden

  1. Trinn 5: Til slutt, ikke glem å klikke Lagre endringer, eller alt du har gjort forsvinner.

Nå må du gå til WordPress-grensesnittet for å sjekke resultatet.

klikk Lagre endringer
Klikk Lagre endringer

Som du kan se, har hjemmesiden, Apple-siden og Banana-siden nå tre forskjellige menyer.

Typer menyer på hver WordPress-side

Komfortabel navigering på et nettsted er avgjørende. Derfor er det avgjørende å lage en egendefinert meny per side som er godt organisert og lett for brukeren å følge. Nettsiden trenger imidlertid ikke alltid en enhetlig meny på alle sider fordi hver side har sitt eget formål. Vil du lage forskjellige menyer på hver WordPress-side? La oss se nedenfor hvilke alternativer du kan bruke:

Beste plugins for forskjellige menyer på hver wordpress-side

Tenk deg at du har en nettside på én side. Der trenger du en egen side med et kontaktskjema og en chatbot eller en relevant butikkside. Og det er umulig å implementere dem teknisk fordi de bare vil lede brukerne gjennom de forskjellige delene av landingssiden.

La oss si at besøkende kom til butikksiden din. Du må ha en spesiell meny i overskriften for å vise produktkategorier, fraktinformasjon, knapp Legg til handlekurv, osv. Du kan imidlertid møte det samme problemet som i forrige tilfelle. Eller du kan se at startsidemenyen er duplisert på butikksiden.

Det vil ikke fungere ordentlig, ikke sant? Hver side må ha en relevant meny. Det kan imidlertid være vanskelig å implementere dem på forskjellige sider. Ikke vær redd, her tilbyr vi deg mange løsninger for å tilfredsstille dette behovet. Men før du forteller deg hvordan du lager menyer på hver WordPress-side, la oss fokusere på hovedverktøyene som vil hjelpe deg med å sette opp en egendefinert meny per side.

  Slik planlegger du innlegg med Buffer, Hootsuite og mer

1. JetBlocks

La oss starte med JetBlocks. Dette pluginet lar deg lage spesifikke topptekster og bunntekster som passer perfekt til behovene til nettstedet ditt. Med JetBlocks er det veldig enkelt å legge til de nødvendige elementene i en overskrift og lage en egendefinert meny:

  1. Påloggingsskjemaer
  2. Registreringsskjemaer
  3. Søkeskjemaer
  4. og WooCommerce-vogn,
  5. Navigasjonsmeny
  6. Utvidbare paneler.

I tillegg kan du legge til og tilpasse nettsidelogoen, sette inn autorisasjonslenker og andre elementer for å lage en fantastisk tilpasset meny per side.

Du kan laste den ned fra her

2. JetMenu

JetMenu står til din disposisjon for å designe megamenyen. Ved hjelp av dette pluginet kan du opprette og tilpasse hvert element, legge til forskjellige elementer og merker og tilpasse dem også.

I tillegg kan du endre bakgrunnen til menyelementer, designe menytypografi, bruke svevemodus osv. Vi vedder på at mulighetene til JetMenu-pluginen er ubegrensede. Det er et av de beste verktøyene for å lage menyer på hver WordPress-side.

Du kan laste den ned fra her

3. JetThemeCore

med JetThemeCore, kan du lage egendefinerte temamaler og maler for sider som 404. Og selvfølgelig lage ubegrensede overskrifter og tilordne dem til forskjellige sider. Prosessen er intuitiv og gjennomtenkt, så du trenger ikke ekstra kunnskap for å skrive kode eller noe annet. Hvis du bare har JetThemeCore-plugin, vil det være nok å lage en egendefinert meny per side og legge til noe spesifikt innhold til den. Du kan i det minste bruke den forhåndslagde overskriften og gjøre noen endringer der.

Du kan laste den ned fra her

Hvordan konfigurere og lage menyer på hver WordPress-side

Først av alt, sørg for at du har alle nødvendige plugins installert. Hvis du allerede vet hvordan du lager overskrifter, hopper du til delen som designer menyene og konfigurerer dem på de forskjellige sidene. La oss nå sette i gang.

Del 1: Enkel overskrift med Mega Menu Widgets

  1. Trinn 1: For å legge til en overskrift på nettstedet ditt. Der vil du se deler av temaet,hvor du legger til overskriften.
  2. Trinn 2: Klikk på knappen Legg til nytt, Velg maltypeOverskrift og velg et navn på den.
  3. Trinn 3: Du vil bli omdirigert til Elementor-siden der magien begynner.
  4. Trinn 4: Legg til en seksjon og velg passende layout, for eksempel innholdsbredde: i boks, Still inn parameterne du trenger.

Widgets i menyene på hver WordPress-side

Mega Menu Widgets fortjener din oppmerksomhet hvis du vil lage en spektakulær egendefinert meny per side.

  1. Trinn 1: Se etter Mega Menu Widgets i elementpanelet.

MERK: Det er to tilgjengelige alternativer: Vertikal Megameny og Megameny enkel

  1. Trinn 2: Nå skal vi fokusere på den siste. Etter å ha trukket widgeten, kan du se innstillingsfanene på venstre sidefelt.
  2. Trinn 3: Søker Innhold, utfolder seg Informasjon og velg en meny der.
  3. Trinn 4: Velg mellom menyskjerm eller gå tilbake til WordPress-dashbordet — utseendemenyer.
  4. Trinn 5: Velg nå menyen du vil jobbe med eller lag en ny.
  5. Trinn 6: Når du har opprettet en meny, vil du se den i listen over tilgjengelige menyer i Elementor.

MERK: Ikke glem å sette inn menyen for desktop- og mobilversjonene av nettstedet ditt for å sikre at det har et responsivt design.

Tab stil, kan du tilpasse din fremtidige meny: angi justeringer, endre bakgrunn, kantlinjetype eller boksskygge. Finn den som passer best for deg.

I tillegg kan du style skriftene og endre de aktive og rullende tilstandene. Hvis du har noen undermenyelementer, endre dem ved å bruke innstillingsfanen Skrivebordsmenyelementer.

Menyinnstillinger på hver WordPress-side
  1. Trinn 1: For å sette denne overskriften til en bestemt plassering, gå til Toppinnstillinger i Elementor.
  2. Trinn 2: Denne menyen hjelper deg med å endre toppteksttilstanden og angi betingelsene for visningen under en rullegardinmeny: hele nettstedet, entalls- eller arkivsiden. Velg for eksempel hele nettstedet.

Del 2: Mega Menu og JetMenu Plugin

Som vi allerede vet, er JetMenu spesiell fordi den lar deg legge til alt innhold til de betingede menyene dine. La oss bruke dens ubegrensede muligheter sammen.

  1. Trinn 1: Kl WordPress-dashbord — Utseende — Menyer.
  2. Trinn 2: Søk etter menyen du vil tilpasse eller lag en ny.
  E-postmarkedsføringsverktøy: Komplett og sammenlignende veiledning

MERK: Hvis du vil lage en meny med noen detaljerte undermenyer, må du legge til flere menyer gjennom samme fane WordPress menyer. Så for hver kategori du har i hovedmenyen bør du lage flere forskjellige undermenyer.

Sette opp menyer på hver WordPress-side med JetMenu
  1. Trinn 1: I hvert menyelement, se etter et JetMenu-element, hvor du kan leke med innstillingene.
  2. Trinn 2: Aktiver Mega undermeny og trykk Rediger innhold i megamenyelementet for å berike menyen din med andre elementer og tilpasse elementene.
  3. Trinn 3: På Elementor-siden velger du en seksjon med det nødvendige antallet kolonner.
  4. Trinn 4: Dra Vertikal Mega Meny-widget til den første kolonnen, i innholdsfanen i venstre sidefelt
  5. Trinn 5: Velg menyen du vil sette inn.
  6. Trinn 6: Til slutt, legg til undermenyene du har opprettet til WordPress-administrasjonspanelet. Du kan enkelt kopiere widgeten og lime den inn i den andre delen.

Etter dette kan du bruke fanen stil og tilpasse elementene, angi bredde, høyde, typografi, nødvendig plass osv.

I JetMenu-hovedinnstillingene kan du se Mega Menu-posisjon, legge til et hvilket som helst ikon i menyen din (velg fra forhåndslagde eller last opp svg-fil), bruke et hvilket som helst tekstmerke på menyelementet, tilpasse menystørrelsen osv.

Profesjonell råd

Bruk Elementor, legg til en overskrift over menyen (f.eks. kopi av forrige side), sett inn bestemte elementer med JetBlocks-widgeten og oppdater den.

Vi har imidlertid et problem med å sette denne menyen på en annen side. For å håndtere dette, gjør følgende:

  1. Trinn 1: gå til Temabygger igjen, opprett en ny overskriftsmal, kopier overskriften eller lag en ny
  2. Trinn 2: Velg Mega-menyen du nettopp opprettet i fanen Generell konfigurasjon for å vise den og legge til Breadcrumbs-widgeten.
  3. Trinn 3: I kategorien Overskriftinnstillinger: Betingelser velger du Entall og Cover for å plassere overskriften du opprettet på startsiden din og la den tidligere opprettede overskriften stå på de andre sidene på nettstedet ditt.

Del 3: Lag menyer på hver WordPress-side (rullegardinmeny)

La oss si at du har en egen side med et kontaktskjema og at du vil gi den en annen overskrift. Bare følg disse trinnene:

  1. Trinn 1– Lag en ny mal i temabyggeren, kopier toppen av hovedoverskriften og legg til en rullegardinmeny på dette stadiet.

MERK: Essensen er den samme, du kan legge til de eksisterende menyene eller lage den nye tilpassede menyen per side i henhold til dine behov: enkel meny eller megameny med variable elementer. Endre plasseringen av beholderen, lek med innstillingene, style den osv.

  1. Trinn 2: Til slutt, angi denne spesielle overskriften for den spesifikke siden ved å bruke alternativet Singular i fanen Vilkår og angi navnet på kontaktsiden din.

Du kan også være interessert i å lese om: Hvordan lage en rullegardinmeny i WordPress

Konklusjon

Det er alt for måtene å lage menyer på hver WordPress-side og konfigurere dem på. Vi ga bare tre av dem, men vi er ganske sikre på at det finnes andre metoder for å lage en egendefinert meny per side.

Som du kan se, er det veldig enkelt og nyttig å bruke betingede menyer for å lage forskjellige menyer for forskjellige sider. I tillegg gir plugin deg også fleksible alternativer for å lage separate menyer for innleggstyper, kategori, taksonomi, brukerrolle osv., eller til og med 404 sider.