Share
Det er på tide for de gode greiene nå. Vi legger til kommentar system, et sidebar med widgets og et arkiv for alle de gamle innleggene. Dette vil dekke alt du trenger for et enkelt, men velfungerende WordPress-tema, og forhåpentligvis kan du bruke dette til alle slags prosjekter.
Etter å ha lest fra den forrige artikkelen om hvordan du oppretter et WordPress-tema fra scratch, kommer vi nå til å legge til at oh så savner sidebar, kommentarsystemet og til slutt en arkivside. Dette burde få deg godt innført i WordPress-tema, men du kan alltid forbedre, så jeg vil også gi deg litt anbefalt lesing.
Jeg håper å vise deg hvordan du konfigurerer en widget klar sidebar, som også bør gi deg en ide om hvordan du legger til widgets til andre områder av en mal. Kommentarsystemet er ganske enkelt, men vi liker alltid at nettstedet vårt skal se bra ut, så det blir litt styling involvert. Endelig arkivet, dette er en av WordPress standard malfiler, men egendefinerte sider er veldig like, dreper to fugler med en stein ...
Alltid best å takle de harde delene først rett? Vel, la oss komme i gang da. Opprett en ny fil i temaets katalog kalt functions.php og åpne den for redigering. Lim inn følgende:
"," after_widget '=> ",' before_title '=>'',' after_title '=>'
',)); ?>
Hva dette gjør er å fortelle WordPress at det er en widget klar sidebar i vårt tema. Denne koden kan utvides til å inkludere temaer med flere widget-klare områder. Vi oppgir også at temaets sidebar trenger forskjellig HTML fra hva WordPress normalt utgir. Hva dette gjør er å stoppe sidebar widgets blir pakket inn koder, som ikke ville se så bra ut for oss.
Nå kan vi designe den sidebaren, opprette enda en fil, kalt sidebar.php og lim inn i det følgende.
Handle om
Dette er deafult sidebar, legg til noen widgets for å endre den.
Hva dette betyr er bare å fortelle WordPress hvor sidebjellet er ment å være. Det er en liten standardtekst der inne hvis du ikke har noen widgets på sidefeltet.
Til slutt må vi inkludere sidebarfilen Gratulerer, du har nettopp lagt til et dynamisk sidebjelke for temaet. WordPress-kommentarsystemet kan være så enkelt eller så komplisert som du ønsker, men fordi dette er en enkel opplæring som bygger et enkelt tema, skal vi bruke den enkle metoden for å legge til kommentarer til innleggene våre. WordPress gjør det enkelt å ha en standard kommentarsystemdesign som følger med hver eneste kopi av WordPress, og den kan brukes av ethvert tema. Så det er det vi skal gjøre. Åpne opp Som du kan se, inkluderer dette en fil som vi ikke har i vår temamappe, men faktisk fra et sted innenfor forvirrende dyp av WordPress. Spøk til side, dette gjør livet vårt mye enklere. Teste ut temaet ditt nå, du vil merke at det er smart nok til ikke å vise skjemaet og alle kommentarene på hjemmesiden, men når du klikker på et innlegg, gjør det alt som du vil. Vel ... bortsett fra at tekstområdet er altfor stort. For å fikse dette, ønsker vi ikke å gå og redigere kjernen i WordPress, men bare legge til en linje med CSS, og gjør det litt enklere å lese i prosessen. Så legg til følgende på bunnen av Den første linjen vil begrense tekstområdet med en fornuftig størrelse og også legge til litt polstring for å gjøre det litt lettere å lese. Du har nå et enkelt, men alltid funksjonelt kommentarsystem i temaet ditt. Metadataene var også litt små, så det er hva den andre linjen dekker. De fleste WordPress-nettsteder har et "arkiv", stedet for å se etter gamle innlegg. De viser vanligvis to lister, en med lenker til alle innleggene i nettstedskategoriene, og ett med alle innleggene per måned. Dette holder arkivet raskt å bla gjennom og gjør det til en bedre brukeropplevelse. Så opprett den nye filen og sett inn følgende, og alt vil bli forklart. Dette kan se ganske liknende ut Det er også Parametrene i funksjonene gjør at de viser kategorien / måneden med en posttelling for ekstra dynamisk nettstedfaktor, hehe. For å legge til denne kule arkivsiden på nettstedet ditt, må du opprette en ny side og endre alternativet «Sidemall» til den nye "Arkivsiden" en. Sjekk det ut, en kul arkivside for alle å se hvor mye du har skrevet. Ja det gjør, sidebar gjør jobben sin. Det samme gjelder for kommentarsystemet og arkivsiden. Jeg håper dette har vist deg grunnleggende om hvordan du lager et WordPress-tema, selv om du er i den enkleste formene. Ta en titt på koblingene nedenfor for å komme i gang med den mer avanserte tematiseringen som er tilgjengelig for WordPress. Temautvikling, kodeksen er klar og godt skrevet dokumentasjon. Kommer fra skaperne av WordPress, kan du ikke gå galt etter instruksjonene. Besøk Det var mye omtale om CSS Tricks 3 delveiledning til WordPress-temaer, så jeg skjønte at jeg ville sette den opp på denne. Det går gjennom hvordan man bygger et fint nettsted, en rettferdig bit mer komplisert at denne, men bør forbedre seg på disse temafagene. Besøkindex.php, så åpne det opp og legg til følgende like før
Trinn 2 - Kommentarer
index.php og sett følgende etter linje 13 (Jeg snakker om rett etter linjen med alle postdetaljer som tiden(), etc.)
style.css. textarea # comment width: 400px; polstring: 5px; .commentmetadata font-size: 10px;
Trinn 3 - Arkivet
archives.php er sett av WordPress som en av deres standardfiler, trenger du ikke å legge til noe spesielt overskrift for å få det sett. Men hvis du ønsker å lage en annen sidemal som ikke er standard, ta en les her.
Arkiver etter kategori
Arkiver etter måned
index.php men du kan legge merke til at det ikke finnes noen WordPress-loop. Dette skyldes at vi lager en side, med bare ett element i det. Vi kan fortsatt bruke funksjoner som tittelen() å få og vise informasjon om siden.innholdet() funksjon, slik at hvis du la en liten tekst på denne siden, vil den fortsatt vises. Nå er de neste tingene ganske enkle, det er en standardliste (vel to faktisk ...) med to funksjoner i den, wp_list_categories () og wp_get_archives (). Begge funksjonene utfører en standardliste, den første listen alle nettstedskategorier og gir hver en link som går for å vise alle innlegg i den kategorien. Den andre gjør det samme, bortsett fra det viser måneder ikke kategorier.
Gjennomgang - Fungerer det?
Videre lesning
The WordPress Codex
CSS Tricks Screencast
Accentsconagua