Da navigasjonsmenysystemet ble utgitt med WordPress 3.0, var dette en av faktorene som forvandlet WordPress fra en bloggplattform til et kraftig CMS.

Dette betydde at du kan legge til hvilket som helst innhold du vil ha på nettstedets navigasjonsmenyer, inkludert tilpassede lenker. "Dra og slipp" -grensesnittet betydde at alle kunne lage sin egen tilpassede meny uten kodingsferdigheter.

Men noen ganger vil du ikke stole på det. Hvis du utvikler et nettsted for en klient som skal legge til sider på nettstedet sitt, er det lite sannsynlig at de oppdaterer navigasjonsmenyen (e) når de gjør eller mangler ferdigheter. .

Så det er her en automatisk navigasjonsmeny kommer godt med.

I denne opplæringen vil jeg vise deg hvordan du oppretter en automatisk navigasjonsmeny som viser alle sidene på nettstedet ditt, samt barnesidene som vises som oppføringer på andre nivå i navigasjonsmenyen.

Du kan deretter legge til denne koden i temaets sidehode, sidefelt eller bunntekst hvis du vil, og dette viser brukerne dine lenker som automatisk oppdateres når nytt innhold blir lagt til på nettstedet ditt.

Men hvis du aldri har installert WordPress, kan du oppdage 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.

Her er hva du trenger for å automatisere WordPress navigasjonsmenyer:

• En WordPress-utvikling eller testinstallasjon, med noen få sider og undersider lagt til
• En kodeditor.

Kode konfigurasjon

Jeg vil legge denne koden til en plugin slik at den er permanent, selv om jeg endrer WordPress-temaet. På denne måten kan jeg legge til funksjonen til pluginen min i mitt tema for å legge til navigasjonsmenyen der jeg vil. Hvis WordPress-temaet ditt har " kroker Du kan bruke en eller flere for å injisere denne koden.

Se også vår liste over 10 WordPress plugins for å lage en nedtelling

Hvis du jobber med et tredjeparts WordPress-tema som ikke har kroker, må du legge til kode i temaet. Ikke kod det direkte i temaet: I stedet lager du et barnetema og legg til koden din i det. Bare lag et duplikat av temamalfilen fra hovedtemaet du vil redigere, legg det til barnetemaet ditt og rediger det.

Trinn en

Det første trinnet er å lage plugin-modulen. Jeg oppretter en mappe i " wp-content/plugins ". Å lage en mappe betyr at jeg kan legge til flere filer i pluginet i fremtiden hvis jeg må, som et stilark eller inkludere filer.

Først må du legge til påloggingskoden for pluginet ditt, i kommentarene, for å fortelle WordPress hva det er:

<?php
/**
 *Pluginnavn:Plugin
 * Plugin-URI: http://blogpascher.com
 * Beskrivelse: WordPress-plugin
 * Versjon: 1.0
 * Forfatter: Herve
 * Forfatter-URI: http://blogpascher.com
 *
 */

Aktiver plugin nå.

Deretter, hvis du bruker et barnetema, konfigurerer du det. Jeg bruker barnetemaet fra Twenty Seventeen-temaet - her er stilarket mitt:

<?php
/**
 *Pluginnavn:Plugin
 * Plugin-URI: http://blogpascher.com
 * Beskrivelse: WordPress-plugin
 * Versjon: 1.0
 * Forfatter: Herve
 * Forfatter-URI: http://blogpascher.com
 *
 */

@import url( " ../twentyseventeen/style.css " );

Når nettstedet ditt ikke har noen sider ennå, har du gjort det. De må ha en struktur på flere nivåer. Slik ser de falske sidene mine ut:

La oss begynne å legge koden til plugin-modulen.

Lag en funksjon for å liste opp alle sidene hierarkisk

Vi vil bruke funksjonen « wp_list_pages () Å hente alle sidene og liste dem med lenker. Men først må vi definere noen argumenter for det. Start med å opprette funksjonen din og legg til disse argumentene:

wpmu_list_pages () {wpmu_list_pages () {$ args = array ('depth' => 2); }

Argumentene er veldig enkle - det er bare en for nivået på sidene vi ønsker å gjøre. Innstilling "2" betyr at toppnivåsidene og deres undersider vises, men ikke mer.

Oppdag 5 tilkoblings vanlige feil og deres løsninger på WordPress

La oss nå legge til funksjonen "wp_list_pages ()" etter argumentene:

wp_list_pages ($ args);

Her er den komplette funksjonen:

wpmu_list_pages () {wpmu_list_pages () {$ args = array ('depth' => 2); wp_list_pages ($ args); }

Legger funksjonen til temaet

For øyeblikket viser ikke funksjonen noe på nettstedet mitt. For å endre dette må vi legge til en kopi av hovedtemaoverskriften til barnetemaet og redigere det.

Se også: Hvordan beskytte WordPress-arbeidet ditt på klientnettsteder

Start med å kopiere toppfilen til barnetemaet ditt og åpne den. I Twenty Seventeen finner du navigasjonsmenykoden i " maler-deler / navigasjon / navigasjon-topp.php Noe som betyr at jeg trenger å legge til en kopi av denne filen samme sted i temaet mitt barn.

Oppdag for å gå lenger Hvordan du installerer en WordPress barn tema

I temaet ditt kan dette være filen header.php som må kopieres.

Avhengig av temaet ditt, vil menykoden være annerledes. I den jeg bruker er dette koden jeg må erstatte:

'topp', 'menu_id' => 'toppmeny',)); ?>

Endre koden til navigasjonsmenyen for å legge til en ny funksjon, med den eksisterende koden i en "annet {}" -deklarasjon:

'topp', 'menu_id' => 'toppmeny',)); }?>

Betingede utsagn er viktige: for det første sjekker den om funksjonen du la til i pluginet ditt er tilstede (dvs. hvis pluginet er aktivert) og i så fall utfører den funksjonen ut fra det. Ellers fungerer det normalt.

Se også vår guide om Hvordan vise annonsen blokker på WordPress

Se nå på hjemmesiden min:

Koblingene vises, men det er noen problemer. Jeg vil ikke at "Sider" skal vises øverst (som er standard for funksjonen wp_list_pages () ) og jeg vil bestille sidene mer effektivt. Du vil se at hjemmesiden er midt på listen, noe som ikke er ideelt.

Forbedre funksjonen

La oss gå tilbake til plugin-koden og tilpasse den for å løse disse problemene.

Finn argumentene du allerede har definert for wp_list_pages ():

$ args = array ('depth' => 2);

Og rediger den:

$ args = array ($ args = array ('depth' => 2, 'title_li' => ' '. __ ('Meny', 'bpc'). ' ',' sort_column '=>' menu-order ');

Dette legger til ytterligere to argumenter:

• Markeringen før listen, som nå sier " Meny I stedet for sider '.
• Rekkefølgen sidene vises i.

Du må gå tilbake til redigeringsskjermbildene på sidene dine og definere rekkefølgen på sidene for hver av dem. Sett hjemmesiden til verdien 0 og andre toppnivåsider er høyere enn disse. 

Les også vår guide på : Hvordan gradvis laste inn Facebook og Disqus kommentarer

Når du viser menyen, vil den se slik ut:

Du kan også endre menyrekkefølgen på sidene på andre nivå. Dette vil aldri vises over sidene på øverste nivå, så du kan starte på 0 eller 1 for hvert sett med undersider.

Oppdag også noen premium WordPress-plugins  

Du kan bruke andre WordPress plugins for å gi et moderne utseende og for å optimalisere forbindelsen til bloggen eller nettsiden din.

Vi tilbyr deg her noen premium WordPress-plugins som vil hjelpe deg å gjøre det.

1. Gravity Forms

Som bedriftseier bør det være din prioritet å la kundene dine kontakte deg. Gravity Forms er plugin til Kontaktskjema den mest populære på WordPress.

Du kan bruke den til opprette en hvilken som helst form, for eksempel et pristilbud, undersøkelser og mer.

Last ned | dEMO | Webhotell

2. eForm

eForm er en avansert og fleksibel formbygger som kan integreres i et eksisterende WordPress-nettsted. Det er en komplett løsning for skjemabehandling. Dette gjelder blant annet spørrekonkurranser, undersøkelser, datainnsamling, betalingsestimering og brukerkommentarer.

Med en slik formdesigner kan du designe skjemaer på en ubegrenset måte og administrere dem fra dashbordet ditt. Alle forespørsler er lagret i databasen din, du vil kunne se, spore, analysere og handle på dataene du har lagret.

Les også artikkelen vår om Hvordan innhold markedsføring påvirker SEO på bloggen din

I tillegg tillater en brukerportal registrerte brukere å også gjennomgå og spore deres forespørsler.

Last ned | dEMO | Webhotell

3. Mailster

Mailster er en WordPress Plugin brukervennlig premium som vil hjelpe deg med å integrere et nyhetsbrev på nettstedet ditt. Med sistnevnte vil du kunne opprette, sende og spore kampanjene dine uten for mye problemer.

Hovedfunksjonene er: muligheten til å spore åpne e-postmeldinger, klikk, abonnement og avvisningsfrekvens, muligheten til å målrette kampanjene dine, kampanjeadministrasjon og planlegging, støtte for 6 typer auto-responders, ubegrenset oppretting registreringsskjemaer, et brukervennlig grensesnitt, tilpasning av bakgrunnen, støtte for flerspråkligOg mye mer.

Last ned | dEMO | Webhotell

Anbefalte ressurser

Finn ut om andre anbefalte ressurser for å hjelpe deg med å bygge og administrere nettstedet ditt.

• 8 WordPress-plugins for å lage en megamenu på bloggen din
• Slik viser du nylige artikler på WordPress
• Hvordan lage en lysbildefremvisning med Slider Revolution på WordPress
• Hvordan vise annonsen blokker på WordPress

konklusjonen

Her er ! Det er alt for denne opplæringen, jeg håper det vil tillate deg å legge sider automatisk til i menyene dine. Hvis du har noen bekymringer eller forslag på dette området, la oss finne oss i kommentarfeltet for å diskutere.

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 eller den på Divi: tidenes beste WordPress-tema.

Men i mellomtiden, del denne artikkelen på de forskjellige sosiale nettverkene dine.

...