Creare i file di partenza per il tuo tema framework WordPress

Nelle parti precedenti di questa serie, hai imparato come funzionano i framework di temi e hai considerato il tuo approccio al framework che stai sviluppando.

Ora è il momento di tuffarsi in un codice!

In questo tutorial prenderai un tema di base e modifichi i file modello in modo che siano pronti per gli hook e le funzioni da aggiungere al framework. Lo scopo di questo tutorial è quello di riordinare il tema in modo che il codice non sia duplicato, il che significa che creerai i file include per il ciclo. 

Ciò significa che non dovrai creare cicli duplicati nei temi figli quando crei nuovi file modello e se devi modificare il ciclo devi farlo una sola volta.

Nota: i file di partenza sono basati sul tema che ho creato per la mia serie sulla creazione di un tema WordPress da HTML, con alcune modifiche. È possibile scaricarli dal repository GitHub che accompagna questa serie.

Cosa ti serve

Per seguire questo tutorial, avrai bisogno di:

  • un'installazione di sviluppo di WordPress
  • il tema di partenza o i file del tema di partenza nel repository GitHub per questa serie
  • un editor di codice

Creare Includi file per il ciclo

Per il mio framework creerò tre loop:

  • uno per gli archivi (inclusa la pagina principale del blog)
  • uno per i singoli post
  • uno per le pagine

Questo perché voglio che ognuno di questi sia visualizzato in modo leggermente diverso dagli altri.

Anche se ci saranno tre cicli, sarà comunque più efficiente di includere un ciclo in ogni singolo file di template nel tuo framework.

Il ciclo principale

Il ciclo principale sarà per gli archivi e la pagina principale del blog. Nella cartella del tema, crea un file chiamato loop.php.

Copia il seguente da esso archive.php:

 

Archivio per Archivio per Archivio per nome; ?>

>

"title =""rel =" segnalibro ">

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

postato su di

categorie:

Non è necessario visualizzare un'intestazione sulla pagina principale del blog, quindi aggiungi un tag condizionale attorno al primo ciclo per verificare che non siamo su quella pagina:

if (! is_front_page ()) 

Il primo ciclo ora verrà letto come segue:

if (! is_front_page ()) if (have_posts ()) the_post (); ?> 

Archivio per Archivio per Archivio per nome; ?>

Ora è necessario includere questo ciclo nei file modello pertinenti. Nel archive.php e index.php, sostituire il ciclo esistente con il get_template_part () tag, che include il tuo file loop nel posto giusto:

 

Ora hai un ciclo di lavoro per gli archivi.

Page Loop

Quindi creerai un file loop per le pagine. Crea un file chiamato loop-page.php.

Copia il ciclo ad esso dall'esistente page.php:

 
>

Ora in tutti i modelli di pagina del tema (page.php e Pagina-full-width.php), sostituire il ciclo con:

Single Post Loop

Infine, creerai un file di loop per singoli post, che funzionerà per i post normali e per tutti i tipi di post personalizzati che creerai in futuro. Questo è simile al ciclo principale, tranne per il fatto che non include un collegamento al post e non esiste un ciclo iniziale per verificare quale tipo di archivio ci troviamo.

Crea un file chiamato loop-single.php e un altro chiamato single.php.

Copia il contenuto del index.php file in single.php, e modificare i commenti all'inizio del file e la chiamata per il ciclo, in modo che legga:

Ora in single-loop.php, copia il codice in loop.php, escluso il primo ciclo alla ricerca di archivi. Modifica il tag dell'intestazione di apertura all'interno del ciclo per rimuovere il collegamento, in modo che il codice legga:

 
>

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

postato su di

categorie:

Salva questi due file. Ora hai tutti i tuoi file loop pronti per l'uso.

Sommario

Riordinare un tema e ridurre il codice duplicato prima di usarlo come base di un quadro tematico ti farà risparmiare ore di lavoro a lungo termine. 

Quando crei temi figlio per lavorare con questo tema principale, ti troverai a creare loop personalizzati per creare semplicemente il contenuto esattamente nel modo giusto per un determinato progetto. Avendo solo tre circuiti discreti con cui lavorare, eviterai la necessità di creare file modello duplicati nel tuo tema figlio e dovrai solo creare file loop duplicati.