Share
Hvis du lager et nettsted med noen toppnivå sider som du vil trekke besøkende oppmerksomhet på og oppfordre dem til å besøke, bidrar det til å få dem til å vises fremtredende i sidens overskrift.
Selvfølgelig kan du legge til toppsider på navigasjonsmenyen, men i denne veiledningen viser jeg deg hvordan du legger til ekstra linker til disse sidene ved hjelp av get_pages () funksjon.
Merk: Du trenger ikke å bruke denne koden i overskriften til nettstedet ditt. Hvis det fungerer bedre for deg, kan du alltid legge det til i sidelinjen eller bunnteksten ved å redigere sidebar.php eller footer.php filer i stedet for header.php.
I denne opplæringen skal jeg lage et barn tema for tjuefemtetemaet og deretter lage et duplikat på tjuefemsten header.php fil i mitt barn tema, som jeg vil redigere. Du bør aldri redigere filene til et tema du har lastet ned, da da du oppdaterer temaet, mister du arbeidet ditt. Alternativt, hvis du jobber med ditt eget tema, er du velkommen til å legge til denne koden til det i stedet.
For å følge med denne opplæringen trenger du følgende:
Så la oss komme i gang.
Begynn med å skape et barn på tjue seksten (med mindre du jobber med ditt eget tema).
Opprett en ny mappe i din wp-content / themes / mappe og gi det et logisk navn: Jeg ringer til min tutsplus-side-link-knapper.
Inne i den mappen, opprett en ny fil og gi den navnet style.css. Åpne nå den filen og legg den til:
Accentsconagua
/ * Tema navn: Tuts + Side Link Buttons Tema URI: http: //.tutsplus.com/tutorials/using-get_pages-to-create-link-buttons-to-your-sites-top-level-pages-creating-the -kode - cms-24967 Beskrivelse: Tema for å støtte nøtter + opplæring om å legge til knapper på toppnivå sider i nettstedets overskrift (del 1). Barn tema for Twenty Sixteen tema. Forfatter: Rachel McCollin Forfatter URI: http://rachelmccollin.co.uk/ Mal: twentysixteen Versjon: 1.0 * / @import url ("... /twentysixteen/style.css"); Rediger koden ovenfor for å indikere at dette er ditt tema, ikke min.
Lagre den filen nå og aktiver ditt nye tema på nettstedet ditt.
Som vi redigerer header.php fil, må vi lage en duplikat av den filen fra tjuefemte temaet i barnetemaet. Finn header.php fil i tjue seksten og kopiere (ikke flytt!) til det nye temaets mappe.
Nå vil temaet ditt ha to filer: style.css og header.php. WordPress vil automatisk bruke header.php Fil fra barnetemaet ditt i stedet for det på tjue seksten, da det er hvordan barnemner fungerer.
Åpne den nye header.php fil så du kan begynne å redigere den.
Jeg skal legge til linkene mine til toppnivå sider inne i Overskrift element, umiddelbart før avslutningen stikkord. Så finn den linjen i temaet ditt og begynn å legge til ny kode over avslutningen stikkord.
Først opprett argumenter for get_pages () ved å skrive følgende:
$ args = array ('parent' => 0, 'sort_order' => ASC, 'sort_column' => 'menu_order'); Dette sikrer at get_pages () bare henter disse sidene uten foreldre ('foreldre' => 0) og sorterer sidene ved hjelp av bestillingen du angir på sidedigeringsskjermbildene. Hvis du vil endre sorteringsrekkefølgen, bruk en eller flere av argumentene som du finner på kodeksiden for get_pages ().
Nå, under dine argumenter, legg til dette:
$ sider = get_pages ($ args);
Dette vil kjøre get_pages () fungere ved hjelp av argumentene du har angitt.
Før du legger ut noe mer kode, vil du kontrollere at det er noen sider på toppnivå, så sjekk det get_pages () har returnert noe.
Under get_pages () funksjon, legg til dette:
hvis ($ sider)
Du vil da legge til kodeutgangen inne i bøylene.
Nå for den morsomme delen. Inne i bøylene du nettopp har lagt til, skriv inn følgende:
Dette åpner en ul element, så inne i disse sløyfer gjennom hver side hentet av get_pages () og skriver ut tittelen i en lenke til den.
Lagre filen din nå.
Jeg har lagt til noen dummiesider på nettstedet mitt. Som du kan se fra skjermbildet, er det tre toppnivå sider og en annen side, som ikke skal vises i overskriften:
Og her er hvordan koblingene ser på nettstedet mitt:
Som du kan se, vises bare toppsidene på toppen. Akkurat nå ser de ikke så bra ut: de vises i en enkel liste med kuler. Så i neste opplæringsprogram, viser jeg deg hvordan du stiler dem for å se ut som knapper.
Å legge til koblinger til toppsidene på sidens overskrift kan være en nyttig måte å drive trafikk til disse sidene. I stedet for hardkoding av disse koblingene, bør du bruke WordPress get_pages () funksjon for å automatisere prosessen. Her har du lært hvordan du gjør dette, og i neste del vil jeg vise deg hvordan du legger til noen styling.
