Opprette startfiler for WordPress Theme Framework

I de tidligere delene av denne serien har du lært hvordan temarammer fungerer og har vurdert din tilnærming til rammen du utvikler.

Nå er det på tide å dykke inn i noen kode!

I denne opplæringen tar du et grunnleggende tema og rediger malfiler slik at de er klare til kroker og funksjoner som skal legges til dem for rammen. Formålet med denne opplæringen er å rydde opp temaet slik at koden ikke dupliseres, noe som betyr at du vil opprette inkludere filer for sløyfen. 

Dette betyr at du ikke trenger å lage dupliserte sløyfer i dine barnemner når du oppretter nye malfiler, og hvis du trenger å redigere sløyfen, må du bare gjøre det en gang.

Merk: Startfilene er basert på temaet jeg opprettet for serien min, om å lage et WordPress-tema fra HTML, med noen få endringer. Du kan laste dem ned fra GitHub-depotet som følger med denne serien.

Hva du trenger

For å følge denne opplæringen må du:

  • en utviklingsinstallasjon av WordPress
  • ditt eget starttema eller startfiler i GitHub-depotet for denne serien
  • en kodeditor

Opprette Inkluder filer for Loop

For min rammeverk skal jeg lage tre looper:

  • en for arkiver (inkludert hovedbloggsiden)
  • en for enkelt innlegg
  • en for sider

Dette er fordi jeg vil at hver av disse skal vise litt annerledes enn de andre.

Selv om det kommer tre looper, vil det fortsatt være mer effektivt enn å inkludere en loop i hver enkelt malfil i rammen.

Main Loop

Hovedløkken vil være for arkiver og hovedbloggsiden. I temamappen din lager du en fil som heter loop.php.

Kopier følgende inn i det fra archive.php:

 

Arkiver for Arkiver for Arkiver for Navn; ?>

>

"title =""rel =" bokmerke ">

"> 'left', 'alt' => trim (strip_tags ($ wp_postmeta -> _ wp_attachment_image_alt)))); ?>

postet på av

kategorier:

Du trenger ikke å vise en overskrift på hovedbloggsiden, så legg til en betinget kode rundt den første sløyfen for å sjekke at vi ikke er på den siden:

hvis (! is_front_page ()) 

Den første sløyfen vil nå lese som følger:

hvis (! is_front_page ()) hvis (har_posts ()) the_post (); ?> 

Arkiver for Arkiver for Arkiver for Navn; ?>

Nå må du inkludere denne sløyfen i relevante malfiler. I archive.php og index.php, erstatt eksisterende loop med get_template_part () tag, som inneholder loopfilen din på riktig sted:

 

Du har nå en arbeidsløkke for arkiver.

Page Loop

Deretter oppretter du en loopfil for sider. Opprett en fil som heter sløyfe-page.php.

Kopier sløyfen til den fra den eksisterende page.php:

 
>

Nå i alle temaets sidemaler (page.php og side-full width.php), erstatt sløyfen med:

Single Post Loop

Til slutt vil du opprette en loopfil for enkelt innlegg, som vil fungere for vanlige innlegg og for eventuelle egendefinerte innleggstyper du oppretter i fremtiden. Dette ligner hovedløkken, bortsett fra at det ikke inneholder en kobling til innlegget, og det er ingen innledende sløyfe for å sjekke hva slags arkiv vi er på.

Opprett en fil som heter sløyfe-single.php og en annen kalt single.php.

Kopier innholdet i index.php filen inn single.php, og rediger kommentarene i begynnelsen av filen og samtalen for sløyfen, slik at den leser:

Nå i single-loop.php, kopier koden i loop.php, Ikke inkludert den første sløyfen på jakt etter arkiver. Rediger åpningsoverskriften i løkken for å fjerne koblingen, slik at koden leser:

 
>

"> 'left', 'alt' => trim (strip_tags ($ wp_postmeta -> _ wp_attachment_image_alt)))); ?>

postet på av

kategorier:

Lagre disse to filene. Nå har du alle loopfilene dine klar til å gå.

Sammendrag

Å rydde opp et tema og redusere duplikatkode før du bruker det som på grunnlag av et temaramme, vil spare deg for arbeidstid på lang sikt. 

Når du oppretter barnemner for å jobbe med dette overordnede temaet, vil du finne deg selv å lage skreddersydd sløyfer for å bare lage innhold på akkurat riktig måte for et gitt prosjekt. Ved å bare ha tre diskrete sløyfer til å jobbe med, vil du unngå nødvendigheten av å lage duplikatmalfiler i ditt barntema, og du må bare lage dupliserte loopfiler.