Comprensione della gerarchia dei modelli di WordPress per uno sviluppo più rapido

Creare un tema WordPress non è una scienza missilistica. Se inizi con le basi, puoi facilmente approfondire lo sviluppo del tema WordPress. Ma prima di immergerti nelle cose di sviluppo hardcore, è assolutamente necessario comprendere la gerarchia dei modelli di WordPress e la gerarchia dei temi di WordPress. Le pagine su un sito Web WordPress vengono create utilizzando un singolo file modello o una combinazione di file modello richiesti in una particolare area di una pagina web.

Alcuni esempi di file di gerarchia dei modelli di WordPress sono:

1. Index.php
2. Sidebar.php
3. Header.php
4. footer.php

Risiedono nella cartella wp-content/themes/theme-name . Esistono molti file di struttura dei modelli di WordPress, ma solo due file sono assolutamente necessari per il funzionamento di un tema WordPress, sono index.php e style.css. Inoltre, functions.php (non considerato come un file modello) è un file obbligatorio che contiene le funzionalità di un tema. Per aggiungere un aspetto più personalizzato al nostro sito Web e sentirci, possiamo utilizzare vari file modello a nostra disposizione all'interno della gerarchia dei temi di WordPress.

Per prima cosa per capire come esegue il rendering di una pagina e come si sposta verso l'alto nella gerarchia dei modelli di WordPress, consideriamo questo esempio.

Un visitatore visita una pagina di testimonianze sul tuo sito WordPress e hai creato un modello di pagina personalizzato noto come page-testimonials.php , WordPress caricherà quindi page-testimonials.php. Se, tuttavia, page-testimonials.php non esiste, WordPress eseguirà il fallback e caricherà page.php e se page.php non esiste nei file del tema, WordPress caricherà index.php .

Suddividerò i file modello in sezioni in modo che sia più facile capire il loro scopo e dove vengono utilizzati.

Gerarchia delle pagine di WordPress di base

La gerarchia delle pagine di WordPres di base include:

1. index.php
2. header.php
3. footer.php
4. sidebar.php

1. Index.php

Come accennato in precedenza, index.php è tra i file modello nella gerarchia di pagine di WordPress necessari per il funzionamento di un tema WordPress. index.php è più comunemente usato per rendere la home page di un tema WordPress. Ogni volta che un file modello non esiste, ad esempio single.php o post.php, WordPress carica index.php.

index.php di solito contiene altri file modello come header.php, footer.php e sidebar.php, che contengono rispettivamente la sezione head del sito, l'area footer e le barre laterali con le aree widget. Contiene anche un ciclo che visualizza i post o le pagine sul modello.

2. header.php

L'header.php contiene la sezione head di un sito WordPress ed è comunemente chiamato all'inizio di tutti i file modello. Di solito contiene le informazioni di intestazione, analisi, chiamate a file CSS, navigazione del sito, titoli di pagina e logo del sito, ecc.

3. footer.php

Allo stesso modo, footer.php in un file nella gerarchia di pagine di WordPress viene utilizzato per creare la sezione piè di pagina di un tema WordPress e richiamato nella sezione piè di pagina di tutti i file modello. Il footer.php generalmente contiene le informazioni sul copyright, le chiamate ai file JS, le aree dei widget che hanno comunemente la navigazione del sito.

4. sidebar.php

Considerando che il sidebar.php, come suggerisce il nome, viene utilizzato per costruire la barra laterale di un sito e viene chiamato in file modello come index.php, page.php, single.php da chiamare nella barra laterale. Generalmente contiene aree widget per una facile personalizzazione.

Pagine di visualizzazione della home page

1. front-page.php
2. home.php
3. pagina.php
4. index.php

Le home page dei siti WordPress visualizzano gli ultimi post del blog o una pagina statica. Dipende dalle impostazioni in Impostazioni dashboard di WordPress -> Lettura . Se è impostato sugli ultimi post, visualizzerà gli ultimi post del blog sulla home page e quando è impostato su pagina statica, caricherà un modello dalla gerarchia dei modelli di WordPress come page.php o front-page.php.

Se front-page.php esiste , WordPress utilizzerà questo file modello sia per le impostazioni " ultimi post del blog " che per " pagina statica ". Il file home.php verrà caricato se front-page.php non esiste e "ultimi post del blog" è impostato nelle impostazioni di lettura di WordPress.

Se in Impostazioni -> Lettura di una pagina statica con la pagina dei post è selezionato, WordPress cercherà il modello page.php per il rendering della home page.

Se, tuttavia, front-page.php, page.php e home.php non esistono, WordPress tornerà a index.php per eseguire il rendering della home page.

Pagine di post singolo

1. single.php
2. singolare.php

1. single.php

In WordPress, i singoli post del blog vengono visualizzati utilizzando il file single.php. Nella versione 4.3 di WordPress e successive, è stato aggiunto un nuovo file modello di WordPress, singular.php.

Per i tipi di post personalizzati di WordPress possiamo usare single-{post-type}.php. Ad esempio, il nostro tipo di post è animali, quindi WordPress cercherà single-animals.php e avrà la precedenza su single.php. Se il file post-type non esiste, utilizzerà single.php per il rendering della pagina.

2. singolare.php

Il singular.php viene utilizzato nei casi in cui page.php e single.php hanno generalmente lo stesso codice. Se single.php non esiste, WordPress cercherà singular.php.

Pagine statiche

Le pagine vengono visualizzate nel seguente ordine:

1. modelli di pagina
2. pagina-{slug}.php
3. pagina-{id}.php
4. pagina.php
5. singolare.php
6. index.php

Come detto sopra, se vogliamo avere un aspetto simile per single.php e page.php, allora è meglio creare un singular.php.

Pagine di archivio

1. autore.php
2. categoria.php
3. tassonomia.php
4. data.php
5. tag.php
6. archivio.php

Le pagine di archivio in WordPress sono quelle pagine che vengono utilizzate per acquisire post da specifici autori, categorie, tassonomie, date, tag e così via.

Possiamo avere un unico modello di archivio, ovvero archive.php. Ma per approfondire più modelli abbiamo author.php, category.php, taxonomy.php, date.php, tag.php e tutti sono abbastanza autoesplicativi.

Possiamo inoltre realizzare modelli personalizzati, ad es

category-{slug}.php – se lo slug di una categoria è cute-kittens, WordPress cercherà category-cute-kittens.php, se non esiste verrà utilizzato category.php.

category-{id}.php: se id = 3, WordPress cercherà la categoria-3.php per il rendering della pagina. Altrimenti caricherà category.php

Una teoria simile di {slug} e {id} si applica alla pagina "Tag"

Per i modelli di autori personalizzati possiamo usare author-{nicename}.php o author-{id}.php. Se il nome dell'autore è Andy, WordPress cercherà author-andy.php, se non esiste, WordPress tornerà a author.php per eseguire il rendering della pagina.

Altri file modello di WordPress

– search.php

I risultati della ricerca in WordPress utilizzano il file modello search.php. Se non esiste, i risultati della ricerca vengono visualizzati da index.php.

– allegato.php

Questo file modello viene utilizzato per eseguire il rendering delle pagine degli allegati, come immagini e video. image.php e video.php vengono utilizzati rispettivamente per il rendering di immagini e video. Se questi file non esistono, viene utilizzato attachment.php.

– 404.php

Le pagine non trovate in WordPress sono rese da 404.php. Se il 404 non esiste, esegue il rendering della pagina da index.php.

– commenti.php

È un modello di commenti, viene chiamato nei file modello come single.php o page.php per aggiungere la sezione dei commenti.

Parole finali

Comprendere la gerarchia dei modelli di WordPress è molto utile se si desidera sviluppare temi WordPress personalizzati e/o personalizzare la struttura dei file dei temi di WordPress. Sarà facile trovare i file modello giusti da modificare e personalizzare. L'aspetto positivo della gerarchia dei modelli di WordPress è che segue una rigida convenzione di denominazione. Rendere un gioco da ragazzi creare temi WordPress una volta che lo prendi in mano. Puoi fare riferimento alla gerarchia dei temi di WordPress per un riferimento rapido e visivo per lo sviluppo del tema.