Når denne koden er på plass, bør vi følgende (hvis paragrafene dine ikke er stylet, når du besøker forsiden av temaet vårt, være sikker på at du krysser i det automatiske avsnittet under redigering av tekstdisplayvinduet);

Flott, vi har nå en fungerende widget-klar sidebar! Det er lett å gjenta denne funksjonaliteten andre steder ved å bruke det samme konseptet; navnet på widget-ready-området, angi stilingsalternativene i functions.php og lim inn i widgetvisningskoden.

---

kommentarer

Den endelige elven å krysse før temaet er ferdig er kommentarer. Kommentarer kan gjøre eller ødelegge en blogg, det er viktig at kommentarer implementeres i vårt tema og overholder standardbrukergrensesnittet, er vi så vant til.

Kommentarer fungerer som å vise innlegg og så videre - ved å bruke en loop. Sløyfen sykler gjennom hver kommentar for en bestemt side, post (eller ID) og gir oss mulighet til å skrive ut det vi ønsker. Kommentarer er i stor grad konfigurert fra dashbordet, noe som betyr at vi har mindre beslutninger å gjøre og brukere har mer - et mål som mange mener vi bør streve for i temautvikling.

Som en rask omtale, i forrige uke da vi implementerte våre enkeltpost- og sidefiler, la vi til følgende linje etter innholdet;

Denne funksjonen laster kommentarfilen. Den første parameteren, som vi har etterlatt seg, er navnet på filen. Hvis det er tomt, blir funksjonen som standard å laste comments.php, som er det vi bruker. Den andre parameteren angir om vi ønsker å skille kommentarene etter type, eller ikke.

Det er tre ting vi vil gjøre her;

• Vis en tittel med antall kommentarer (hvis noen).
• Gå gjennom og vis alle kommentarene.
• Hvis det er tillatt, vis et skjema for å legge til en kommentar.

Tittelen

Så først og fremst tittelen. I likhet med hvordan vi viste kommentarnummeret i index.php, vil vi ha en dynamisk tittel som endres i henhold til antall kommentarer. For ingen kommentarer vil vi bare vise at det ikke er noen kommentarer (eller vi kan legge til en "Bli den første" meldingen). For 1 kommentar eller mer, viser vi tellingen (fjerner sluttens 'hvis bare én kommentar eksisterer.

 
 // Kommentar loop går her  
Ingen kommentarer
 

Bryter den ned, vi bruker funksjonen have_comments () for å sjekke at det er kommentarer som skal vises. Hvis det er, viser vi hvor mange som bruker noen enkle PHP-nummerformatering. Hvis det ikke er det, viser vi bare en tittel som sier det, og vi vil ikke forsøke å kjøre kommentarsløyfen som vi vet at det ikke finnes noen kommentarer..

Hvis vi besøker et innlegg med en kommentar nå, bør det se slik ut;

Kommentar Loop

Vår kommentar loop ser slik ut;

 
 "> comment_author_email, $ size = '40'); ?> 
 "> på  
COMMENT_CONTENT; ?>
 
 
 
 

Lim inn koden ovenfor til kommentaren commentsphp, og erstatt den kommenterte linjen vi forlot tidligere. En stor del av koden er ganske enkelt designmarkup. Så la oss slå det ned, her ser koden ut uten noen HTML-kode;

  comment_author_email, $ size = '40'); ?>  COMMENT_CONTENT; ?> 

Som med de fleste ting i WordPress, gjør de enkle navngivningskonvensjonene ting som er selvforklarende. Først av alt etablerer vi kommentarsløyfen ved hjelp av en enkel forklaring. Derfra bruker vi en rekke innebygde metoder og funksjoner for å vise hver informasjon.

Funksjonen comment_ID () returnerer det unike identifikasjonsnummeret for kommentaren. Når vi har vår HTML på plass, legger vi denne IDen til et anker (# comment- [id]) slik at det er mulig å hoppe og lenke til bestemte kommentarer.

Neste bruker vi get_avatar (). Dette er en ganske ny funksjon (implementert i WordPress 2.5.0 og videre) som bruker den ekstremt populære Gravatar-tjenesten. De to parameterne vi må passere er brukerens e-post, for å bestemme hvilken gravatar å hente, og størrelsen. Vi passerer 40, noe som betyr at bildet som returneres vil være 40px med 40px.

Neste opp bruker vi to deler av informasjonen om forfatteren, forfatterens URL (dette kan være til forfatterens personlige nettside eller til en profil - tilpassbar i dashbordet) og forfatterens navn. Disse to delene av informasjon leveres av henholdsvis comment_author_url () og comment_author (). Deretter bruker vi comment_date () som kan ta en parameter for å tilpasse hvordan datoen skal vises, ellers bruker den standard datoformatet som er satt i dashbordet.

Til slutt vises kommentarinnholdet selv ved hjelp av $ comment-> comment_content;.

Formen

Nå som vi har en tittel og kommentarene blir vist, er alt som er igjen å gjøre, tillat brukere å legge til sine egne kommentarer. Dette er for det meste bare styling så lenge vi leverer riktig informasjon i $ _POST-format, vil WordPress ta vare på all validering og så videre. Koden for vårt skjema er som følger;

 
Kommentarer er stengt.
  
Legg igjen en kommentar
  
  Navn / Alias ​​(påkrevd)
 E-postadresse (påkrevd, ikke vist)
 Nettsted (valgfritt)
 
  
 

Vi bruker en enkel if-setning for å sjekke om denne siden eller innlegget har kommentarer tillatt, hvis ikke, vises en melding som viser at dette er vist, ellers vises skjemaet vårt.

Kommentarer må sendes til wp-comments-post.php-filen ved hjelp av POST-metoden. Verdiene som må inkluderes for å få en vellykket kommentar er;

• comment_post_ID - ID av posten / siden
• forfatter - Forfatterens navn
• e-post - forfatterens e-post
• kommentar - kommentarinnholdet

Selvfølgelig er også url akseptert, men det er valgfritt. Hvis en bruker forlater feltet tomt, kaster WordPress ingen feil. Det er god praksis å la brukeren vite at nettadressen er valgfri.

Resultatet

Nå, hvis vi besøker et innlegg med en kommentar til det (med kommentarer aktivert) vil vi se dette;

Flott, vi har nå et fungerende tema med et fungerende kommentarer system! Det er mange andre alternativer å utforske med kommentarer, for eksempel å legge til en rediger / slett-knapp for admin eller nestede kommentarer. Selv om denne rekkefølgen ikke er i bruk, er funksjoner som disse absolutt verdt å se på og øke verdiskapningen betydelig.

---

The WordPress Footer

En siste berøring for å fullføre vårt tema må gjøres i sidebar.php, da dette er hvor vi lukker temaet vårt. Før den endelige kroppsmerket, må vi legge til wp_footer () -metoden som sådan;