Vil du vite hvordan du legger til tilpasset navigasjonsmeny i WordPress? Som standard, mange WordPress-temaer tilby forhåndsdefinerte menyplasseringer og oppsett.
I denne opplæringen vil vi vise deg hvordan du legger til andre navigasjonsmenyer i WordPress-temaet ditt.
Men før, hvis du aldri har installert WordPress Discover Hvordan installere en WordPress blogg 7 trinn et Hvordan finne, installere og aktivere en WordPress tema på bloggen din
Så tilbake til hvorfor vi er her.
Når må du legge til en tilpasset meny på WordPress-temaet?
De fleste WordPress-temaer gir minst ett sted der du kan vise nettstedets navigasjonskoblinger i en meny.
Du kan administrere menyelementer fra et brukervennlig grensesnitt i WordPress-dashbordet.
Oppdag også vår 10 premium WordPress-plugins designet for å lage menyer
Denne opplæringen er rettet mot brukere som liker å gjøre DIY eller for de som trenger å legge til en ekstra plass på deres WordPress-temaer.
Når det er sagt, la oss ta en titt på hvordan du legger til tilpassede navigasjonsmenyer i et WordPress-tema.
Lage en tilpasset meny på WordPress
Navigasjonsmenyer er en funksjon i WordPress-temaer. Hvert WordPress-tema kan definere sine egne menylokasjoner.
For å legge til en tilpasset navigasjonsmeny, er det første du trenger å gjøre å registrere den nye navigasjonsmenyen ved å legge til denne koden i features.php-fil av ditt WordPress-tema.
funksjon bpc_custom_new_menu () {register_nav_menu ('my-custom-menu', __ ('My Custom Menu')); } add_action ('init', 'bpc_custom_new_menu');
Du kan gå til " Utseende> Menyer "I WordPress dashbordet og prøv å lage eller redigere en ny meny. Du får seMin tilpassede menySom et alternativ på menyposisjonen.
Hvis du vil legge til mer enn en ny navigasjonsmenyposisjon, må du bruke en kode som denne:
funksjon bpc_custom_new_menu () {register_nav_menus (array ('my-custom-menu' => __ ('My Custom Menu'), 'extra-menu' => __ ('Extra Menu'))); } add_action ('init', 'bpc_custom_new_menu');
Når du har lagt til menyplasseringen, test menyen og legg til noen få elementer i WordPress-dashbordet.
Dette vil tillate oss å gå til neste trinn som er å vise menyen på WordPress-nettstedet vårt.
Visning av en tilpasset meny på WordPress
Nå må vi vise den nye navigasjonsmenyen i WordPress-temaet ditt. Det vanligste stedet der navigasjonsmenyer vanligvis er plassert, er i toppteksten på et nettsted rett etter nettstedets tittel eller logo.
Du kan imidlertid legge til navigasjonsmenyen hvor du vil.
Du må legge til denne koden i malfilen til ditt WordPress-tema der du vil vise menyen.
'my-custom-menu', 'container_class' => 'custom-menu-class')); ?>
WordPress-temaplasseringen er navnet vi valgte i forrige trinn.
Containerklassen er CSS-klassen som blir lagt til i navigasjonsmenyen. Menyen din vises som en enkel punktliste på nettstedet ditt.
Du kan bruke CSS-klassen " custom_menu_class For stilen på menyene dine. Her er et eksempel på en CSS-kode for å komme i gang:
div.custom-klassen meny-ul {list-style-type: none; list-style: none; list-style-image: none; } Div.custom-klasse meny-li {padding: 20px; display: inline; }
Hvis du trenger hjelp med CSS og menylayout, anbefaler vi at du bruker et av disse WordPress starttemaene for å lage dine tilpassede temaer.
Lag mobile menyer
Vi har detaljert dette i en tidligere opplæring, hvordan å lage menyer for mobil.
Vi har sett hvor praktisk disse menyene kan være for mobiltrafikken din.
Oppdag også noen temaer og premium WordPress-plugins
Du kan bruke andre WordPress plugins for å gi et moderne utseende og for å optimalisere håndteringen av bloggen eller nettsiden din.
Vi tilbyr deg her noen premium WordPress-plugins som vil hjelpe deg å gjøre det.
1. Woocommerce Donation
Godta gjennom denne utvidelsen donasjoner på nettstedet ditt til WooCommerce med beløp spesifisert av kunder. De vil kunne gi så mye de vil. Hver donasjon kan presenteres som et hvilket som helst vanlig WooCommerce-produkt.
Hvis kunden hopper over handlevognen eller går direkte til kassen uten å gi en donasjon, vil det vises en lenke over kassen, slik at de kan donere.
Hvert trinn i bruk av WooCommerce Donation er forklart i en dokumentasjon med skjermbilder. Bare aktiver pluginet, så finner du feltet "Legg til donasjon" på handlekurven.
2. Kalendere det!
Med WordPress Plugin Calendarize It! å tilpasse kalenderdesignet er spesielt enkelt med den gratis Visual Editor. Plugin inkluderer avansert filtrering, basert på mange taksonomier som tid, arrangør og plassering. Du kan liste opp hendelser basert på dager, måneder eller år og se kommende hendelser gjennom småprogram.
Plugin støtter også brukerrollestyring, tilpassede innleggstyper, flere kortkoder og tilpassede felt for hendelser. Den har også et antall betalte moduler til $ 15 hver, som inkluderer betalingsalternativer, annonseringsalternativer, poeng- og eventscore, anmeldelser og mye mer.
Funksjonene inkluderer: Importere hendelser i CSV-format, vise hendelser etter år, nedtelling på hendelser, støtte for flere betalingsalternativer, støtte for annonseringsalternativer, deling på sosiale nettverk, det intuitive bestillingsskjemaet osv.
3. Directory ultimate PRO
Directory ultimate PRO er en WordPress Plugin premium som lar deg lage alle typer kataloger på internett. Det kan integreres i et hvilket som helst WordPress-tema og kan tilpasses dine behov. Den viser frem sin egendefinerte søkefunksjon som er en av hovedfunksjonene til nettsteder i denne nisjen.
Med søkefeltet kan du legge til personlige filtre og velge søkestil, og til slutt at den tilpasser seg perfekt til nettstedet ditt.
Som funksjoner tilbyr den blant annet: et 100% responsivt layout, et tilpassbart søk, 3 måter å vise katalogen din på, optimalisering for mobilnavigasjon, utmerket SEO, kompatibilitet med de fleste moderne nettlesere, og mer
Anbefalte ressurser
Finn ut om andre anbefalte ressurser for å hjelpe deg med å bygge og administrere nettstedet ditt.
- Hvordan integrere Google Forms WordPress
- Slik sletter du en side på WordPress på riktig måte
- 8 WordPress-plugins for å lage en megamenu på bloggen din
- 6 WordPress-plugins for å sikre GDPR-samsvar av en blogg
konklusjonen
Voila! Det er det for denne opplæringen. Vi håper sistnevnte vil tillate deg å legge til en tilpasset navigasjonsmeny på WordPress-bloggen eller nettstedet ditt.
Du vil imidlertid også kunne konsultere våre ressources, hvis du trenger flere elementer for å gjennomføre prosjektene dine med oppretting av nettsteder, ved å konsultere vår guide om WordPress blog oppretting.
Fortell oss hva du synes om denne opplæringen og ikke nøl med å del med vennene dine på dine favoritt sosiale nettverk.
...
