Da navigationsmenusystemet blev frigivet med WordPress 3.0, var dette en af ​​de faktorer, der omdannede WordPress fra en blogplatform til et stærkt CMS.

Dette betød, at du kunne tilføje ethvert indhold, du ønskede, til dit websteds navigationsmenuer, herunder tilpassede links. Grænsefladen "træk og slip" betød, at alle kunne oprette deres egen brugerdefinerede menu uden nogen kodningsfærdigheder.

Men nogle gange vil du ikke stole på det. Hvis du udvikler et websted til en klient, der skal føje sider til deres websted, er det usandsynligt, at de opdaterer navigationsmenuen (menne), når de gør eller mangler færdigheder. .

Så det er her en automatisk navigationsmenu er praktisk.

I denne tutorial vil jeg vise dig, hvordan du opretter en automatiseret navigationsmenu, der viser alle siderne på dit websted, samt de underordnede sider, der vises som poster på andet niveau i navigationsmenuen.

Du kan derefter tilføje denne kode til dit temas sideoverskrift, sidebjælke eller sidefod, hvis du vil, og dette viser dine brugeres links, der automatisk opdateres, når nyt indhold føjes til dit websted.

Men hvis du aldrig har installeret WordPress, skal du opdage Sådan installeres en WordPress blog 7 trin et Hvordan at finde, installere og aktivere et WordPress tema på din blog 

Så tilbage til, hvorfor vi er her.

Her er hvad du har brug for for at automatisere WordPress-navigationsmenuer:

• En WordPress-udvikling eller testinstallation, med et par sider og undersider tilføjet
• En kodeditor.

Kodekonfiguration

Jeg vil tilføje denne kode til et plugin, så det er permanent, selvom jeg ændrer WordPress-temaet. På denne måde kan jeg tilføje funktionen af ​​mit plugin i mit tema for at tilføje navigationsmenuen, hvor jeg vil. Hvis dit WordPress-tema har " kroge Du kan bruge en eller flere til at injicere denne kode.

Se også vores liste over 10 WordPress plugins for at oprette en nedtælling

Hvis du arbejder med et tredjeparts WordPress-tema, der ikke har kroge, skal du tilføje kode til temaet. Kod det ikke direkte i temaet: I stedet skal du oprette et underordnet tema og tilføje din kode til det. Opret bare en duplikat af temaskabelonfilen fra det hovedtema, du vil redigere, tilføj den til dit barnetema og rediger det.

Trin et

Det første trin er at oprette plugin. Jeg opretter en mappe i " wp-content/plugins ". Oprettelse af en mappe betyder, at jeg i fremtiden kan tilføje flere filer til pluginet, hvis jeg skal, som et typografiark eller inkludere filer.

Først skal du tilføje login-koden til dit plugin i kommentarerne for at fortælle WordPress, hvad det er:

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

Aktiver nu dit plugin.

Derefter, hvis du bruger et underordnet tema, skal du konfigurere det. Jeg bruger børnetemaet fra temaet tyve sytten - her er mit stilark:

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

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

Når du har gjort det, skal du tilføje et par, hvis dit websted endnu ikke har nogen sider. De skal have en struktur på flere niveauer. Sådan ser mine falske sider ud:

Lad os nu tilføje koden til plugin.

Opret en funktion for at liste alle sider hierarkisk

Vi bruger funktionen « wp_list_pages () For at hente alle sider og liste dem med links. Men først skal vi definere nogle argumenter for det. Start med at oprette din funktion og tilføj disse argumenter:

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

Argumenterne er meget enkle - der er kun én for det niveau på sider, vi vil lave. Indstilling "2" betyder, at siderne på øverste niveau og deres undersider vises, men ikke mere.

Opdag 5 tilslutning almindelige fejl og deres løsninger på WordPress

Lad os nu tilføje funktionen "wp_list_pages ()" efter argumenterne:

wp_list_pages ($ args);

Her er den komplette funktion:

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

Føj funktionen til temaet

I øjeblikket viser funktionen ikke noget på min hjemmeside. For at ændre dette skal vi tilføje en kopi af hovedtemaoverskriften til barnetemaet og redigere det.

Se også: Sådan beskytter du dit WordPress-arbejde på klientwebsteder

Start med at kopiere din headerfil til dit barns tema, og åbn den. I Twenty Seventeen kan navigationsmenukoden findes i " skabeloner-dele / navigation / navigation-top.php Hvilket betyder, at jeg er nødt til at tilføje en kopi af denne fil til det samme sted i mit barn-tema.

Oplev for at gå længere Sådan installeres et WordPress barn tema

I dit tema kan dette være filen header.php der skal kopieres.

Afhængigt af dit tema vil menukoden være forskellig. I den, jeg bruger, er dette den kode, jeg skal erstatte:

'top', 'menu_id' => 'top-menu',)); ?>

Ændre koden på din navigationsmenu for at tilføje en ny funktion med den eksisterende kode i en "andet {}" -erklæring:

'top', 'menu_id' => 'top-menu',)); }?>

Betingede udsagn er vigtige: først kontrolleres det, om den funktion, du tilføjede til dit plugin, er til stede (dvs. hvis pluginet er aktiveret) og i så fald udfører den funktionen ud fra det. Ellers fungerer det normalt.

Se også vores vejledning om Sådan vises annonceenheder på WordPress

Se nu på min hjemmeside:

Links vises, men der er nogle problemer. Jeg vil ikke have, at "Sider" vises øverst (som er standard for funktionen wp_list_pages () ) og jeg vil bestille siderne mere effektivt. Du vil se, at hjemmesiden er midt på listen, hvilket ikke er ideelt.

Forbedre funktionen

Lad os vende tilbage til plugin-koden og tilpasse den til at rette disse problemer.

Find de argumenter, du allerede har defineret for wp_list_pages ():

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

Og rediger det:

$ args = array ($ args = array ('depth' => 2, 'title_li' => ' '. __ ('Menu', 'bpc'). '' ',' sort_column '=>' menu-rækkefølge ');

Dette tilføjer to yderligere argumenter:

• Markeringen før listen, der nu siger " Menu I stedet for Sider '.
• Den rækkefølge, som siderne vises i.

Du skal vende tilbage til redigeringsskærmene på dine sider og definere rækkefølgen af ​​siderne for hver af dem. Indstil din startside til en værdi på "0", og andre sider på øverste niveau er højere end disse. 

Læs også vores vejledning om : Sådan gradvist indlæses kommentarer fra Facebook og Disqus

Når du nu viser menuen, ser den sådan ud:

Du kan også ændre menurækkefølgen på siderne på andet niveau. Dette vises aldrig over sider på øverste niveau, så du kan starte ved 0 eller 1 for hvert sæt undersider.

Oplev også nogle premium WordPress-plugins  

Du kan bruge andet WordPress plugins for at give et moderne udseende og for at optimere forbindelsen til din blog eller hjemmeside.

Vi tilbyder dig her nogle premium WordPress-plugins, der hjælper dig med det.

1. Gravity Forms

Som virksomhedsejer bør det være din prioritet at lade dine kunder kontakte dig. Gravity Forms er plugin til Kontaktformular den mest populære på WordPress.

Du kan bruge det til oprette enhver form for form, såsom et citatformular, undersøgelser og mere.

Downloade | demo | Web-hosting

2. eForm

eForm er en avanceret og fleksibel formbygger, der kan integreres i et eksisterende WordPress-websted. Det er en komplet formstyringsløsning. Dette vedrører blandt andet quizzer, undersøgelser, dataindsamling, betalingsestimering og brugerkommentarer.

Med en sådan formdesigner kan du designe formularer på en ubegrænset måde og administrere dem fra dit instrumentbræt. Alle anmodninger gemmes i din database, du vil kunne se, spore, analysere og handle på de data, du har gemt.

Læs også vores artikel om Hvor indhold marketing påvirker SEO af din blog

Derudover tillader en brugerportal registrerede brugere også at gennemgå og spore deres anmodninger.

Downloade | demo | Web-hosting

3. Mailster

Mailster er en WordPress plugin brugervenlig premium, der hjælper dig med at integrere et nyhedsbrev på din hjemmeside. Med sidstnævnte vil du være i stand til at oprette, sende og spore dine kampagner uden for meget besvær.

Dets vigtigste funktioner er: muligheden for at spore åbne e-mails, klik, abonnementer og afvisningsfrekvens, muligheden for at målrette dine kampagner, kampagnestyring og planlægning, support til 6 typer auto-responders, ubegrænset oprettelse registreringsformularer, en brugervenlig grænseflade, tilpasning af baggrunden, support til flersprogetOg meget mere.

Downloade | demo | Web-hosting

Anbefalede ressourcer

Find ud af om andre anbefalede ressourcer, der hjælper dig med at opbygge og administrere dit websted.

• 8 WordPress-plugins til at oprette en megamenu på din blog
• Sådan vises de seneste artikler på WordPress
• Sådan opretter du et lysbilledshow med Slider Revolution på WordPress
• Sådan vises annonceenheder på WordPress

Konklusion

Voila! Det er alt sammen til denne tutorial, jeg håber, at det giver dig mulighed for automatisk at tilføje sider til dine menuer. Hvis du har nogen bekymringer eller forslag på dette område, så lad os finde os i kommentarfeltet til at diskutere.

Du vil dog også kunne konsultere vores ressourcer, hvis du har brug for flere elementer til at udføre dine projekter med oprettelse af internetsider ved at konsultere vores guide om WordPress blog oprettelse eller den ene på Divi: tidenes bedste WordPress-tema.

Men i mellemtiden del denne artikel på dine forskellige sociale netværk.

...