Share
Om du skapar en webbplats med några sidor på toppnivå som du vill rita besökarnas uppmärksamhet på och uppmuntra dem att besöka, hjälper det att få dem att visas framträdande i sidans rubrik.
Naturligtvis kan du lägga till sidor på toppnivå i din navigeringsmeny, men i denna handledning visar jag dig hur du lägger till några extra länkar till dessa sidor med hjälp av get_pages () fungera.
Obs! Du behöver inte använda den här koden i rubriken på din webbplats. Om det fungerar bättre för dig kan du alltid lägga till det i sidofältet eller sidfoten genom att redigera sidebar.php eller footer.php filer istället för header.php.
I denna handledning kommer jag att skapa ett barntema för tjugosjuttonet temat och sedan skapa en dubblett på tjugosextons header.php filen i mitt barntema, som jag ska redigera. Du bör aldrig redigera filerna för ett tema som du har laddat ner, som då när du uppdaterar temat förlorar du ditt arbete. Alternativt om du arbetar med ditt eget tema kan du lägga till den här koden istället.
För att följa med den här handledningen behöver du följande:
Så låt oss börja.
Börja med att skapa ett barn på tjugosexton (om du inte arbetar med ditt eget tema).
Skapa en ny mapp i din wp-innehåll / teman / mapp och ge det ett logiskt namn: jag ringer min tutsplus-page-link-knappar.
Inne i den mappen skapar du en ny fil och heter den style.css. Öppna nu den filen och lägg till den här:
Accentsconagua
/ * Tema Namn: Tuts + Sidlänk Knappar Tema URI: http: //.tutsplus.com/tutorials/using-get_pages-to-create-link-buttons-to-your-sites-top-level-page-creating-the -kod - cms-24967 Beskrivning: Tema för att stödja tutor + handledning om att lägga till knappar på toppnivå sidor i sidans rubrik (del 1). Barn tema för tjugo sexton temat. Författare: Rachel McCollin Författare URI: http://rachelmccollin.co.uk/ Mall: twentysixteen Version: 1.0 * / @import url ("... /twentysixteen/style.css"); Redigera koden ovan för att ange att detta är ditt tema, inte mitt.
Spara nu den filen och aktivera ditt nya tema på din webbplats.
Som vi redigerar header.php fil, måste vi skapa en dubblett av den filen från tjugosexton temat i barntemat. Hitta header.php fil i tjugosexton och kopiera (flytta inte!) det till ditt nya temans mapp.
Nu kommer ditt tema att ha två filer: style.css och header.php. WordPress använder automatiskt header.php filen från ditt barntema i stället för den på tjugosexton, så det är hur barnteman arbetar.
Öppna det nya header.php fil så du kan börja redigera den.
Jag ska lägga till mina länkar till högsta sidor i rubrik element, omedelbart före stängningen märka. Så hitta den linjen i ditt tema och börja lägga till ny kod ovanför stängningen märka.
Skapa först argumenten för get_pages () genom att skriva följande:
$ args = array ('parent' => 0, 'sort_order' => ASC, 'sort_column' => 'menu_order'); Detta säkerställer det get_pages () hämtar bara dessa sidor utan förälder ("förälder" => 0) och sorterar sidorna med den ordning du anger på sidredigeringsskärmarna. Om du vill ändra sorteringsordningen, använd en eller flera av de argument som du kan hitta på codex-sidan för get_pages ().
Lägg nu till följande under dina argument:
$ pages = get_pages ($ args);
Detta kommer att springa get_pages () funktionen med de argument du har angett.
Innan du lägger ut någon kod, vill du kontrollera att det finns några sidor på översta nivå, så kolla det get_pages () har återvänt något.
Under get_pages () funktion, lägg till följande:
om ($ sidor)
Du lägger sedan till kodutmatningen inuti fästena.
Nu för den roliga delen. Inuti de klammer som du just lagt till skriver du följande:
Detta öppnar a ul element, sedan inuti dessa loopar genom varje sida som hämtas av get_pages () och matar ut sin titel inom en länk till den.
Spara nu din fil.
Jag har lagt till några dummy sidor på min sida. Som du kan se från skärmdumpen finns tre sidor på toppnivå och en sida på andra sidan, som inte borde dyka upp i min rubrik:
Och här är hur länkarna ser på min webbplats:
Som du kan se visas bara sidorna på toppnivå. Just nu ser de inte ut för bra: de dyker upp i en enkel lista med kulor. Så i nästa handledning visar jag dig hur man stilar dem för att se ut som knappar.
Lägga till länkar till sidor på toppnivå i sidans rubrik kan vara ett användbart sätt att driva trafik till dessa sidor. I stället för att koda dessa länkar, bör du använda WordPress get_pages () funktion för att automatisera processen. Här har du lärt dig hur du gör det här, och i nästa del visar jag hur du lägger till en styling.
