Ciò che la maggior parte dei web designer ha sbagliato sulla gerarchia dei temi di WordPress

Il design del tema WordPress può inizialmente sembrare piuttosto scoraggiante; anche per web designer esperti. Il tema più semplice sembra essere costituito da più file che sono in qualche modo interconnessi.


Ma la buona notizia è questa: C’è un sistema logico dietro la confusione. Se sei disposto a rimboccarti le maniche e imparare un po ‘di PHP, puoi trasformare i tuoi progetti HTML statici in siti Web WordPress dinamici.

Puoi ovviamente usare i nostri servizi invece, ma ci piace darti una scelta!

In questo articolo voglio iniziare concentrandomi sull’errore chiave che la maggior parte dei potenziali designer di temi WordPress commettono quando si tratta di lavorare con la gerarchia dei modelli di temi di WordPress, quindi andare avanti per darti una panoramica generale di come i temi di WordPress dovrebbero unirsi.

Il più grande segreto sullo sviluppo del tema WordPress

Nonostante tutte le apparenti complicazioni con lo sviluppo del tema WordPress, creare il tuo tema WordPress può essere semplice come vuoi che sia.

E se ti dicessi che puoi creare un semplice tema WordPress con solo due file?

Questi due file sono index.php e style.css. Alla fine non saranno tutto ciò che vuoi, ma sono tutto ciò di cui hai bisogno.

Se hai già creato un disegno statico con un file index.html e style.css, puoi letteralmente copiare e incollare il contenuto di ciascuno in un nuovo file index.php e style.css, aggiungere qualche informazione in più, comprimere i file in una cartella e caricalo su WordPress. Ehi presto – il tuo primo tema WordPress!

Per dimostrare il mio punto, facciamo proprio questo. Inizieremo con il nostro file index.php:

Il mio primo tema WordPress

Ciao mondo!

Come puoi vedere, stiamo usando lo stesso HTML di base come faremmo normalmente, senza PHP in vista. Teoricamente parlando, PHP è facoltativo quando si tratta di sviluppo di temi, anche se sicuramente ne troverai la necessità se vuoi progettare siti Web WordPress a tutti gli effetti. L’omissione di PHP nei file dei temi rende essenzialmente WordPress ridondante.

In termini di file style.css, ha bisogno solo di una cosa per funzionare: un’intestazione del foglio di stile. Questo è composto da alcune informazioni che consentono a WordPress di identificare il tuo tema.

Ecco un semplice esempio, che dovrebbe essere inserito come commento nel tuo file style.css:

/ *

Nome tema: Il mio primo tema WordPress
Autore: My Name
Descrizione: Il mio primo tema WordPress in assoluto!
Versione: 1.0

* /

Ci sono molti altri elementi di intestazione che possono essere inclusi nel tuo foglio di stile, ma solo una manciata è obbligatoria. Ecco l’elenco completo:

  • Nome del tema.
  • URI del tema. Se il tuo tema ha una home page, è qui che lo aggiungi.
  • Autore. Non essere timido!
  • URI dell’autore. Se hai un sito web personale / portfolio, puoi collegarti qui.
  • Descrizione.
  • Versione.
  • Licenza. Clicca qui per saperne di più sulle licenze WordPress.
  • URI di licenza. È buona norma includere un link alla licenza scelta per il tema.
  • tag. Questi tag vengono utilizzati in WordPress.org per filtrare il tema in base a caratteristiche specifiche (ad es. "una colonna", "custom-intestazione").
  • Dominio di testo. Questo è usato per scopi di internazionalizzazione / traduzione.

(Tieni presente che il nome del tuo tema deve essere univoco. Se scegli un nome già esistente, creerai un conflitto all’interno di WordPress.)

Salva il tuo file index.php e il file style.css in una cartella e assegnagli un nome univoco. Usa trattini invece di spazi. Al termine, comprimere il file.

Quindi, vai a Aspetto > Temi dall’installazione di WordPress e fai clic sul pulsante Aggiungi nuovo. Dalla schermata risultante è possibile caricare e attivare il nuovo tema.

Una volta che lo hai fatto, vai alla tua home page e vedrai il tuo primo tema WordPress:

Il tuo primo sito Web WordPress

Per confermare che questo è stato riconosciuto come tema all’interno di WordPress, basta tornare indietro a Aspetto > Temi. Troverai il tuo tema elencato tra tutti gli altri che hai installato sul tuo sito e puoi anche fare clic su di esso per rivelare ulteriori dettagli che hai incluso nell’intestazione del tuo foglio di stile:

Dettagli sul tema WordPress

Certo, il tuo tema non ha molto di cui scrivere a casa in questa fase, ma l’esempio sopra dimostra quanto semplice possa essere il design del tema WordPress.

Rivela anche quel grande segreto che ho menzionato sopra: index.php non rappresenta solo la home page del tuo sito (anche se può farlo) ma è la base di tutto nella progettazione del tema WordPress.

Conoscere index.php e la gerarchia dei modelli di temi WordPress

Saresti perdonato per presumere che index.php sia destinato a essere la homepage del tuo sito Web WordPress. Beh, non lo è. È molto più importante.

Ho detto sopra che puoi creare un tema WordPress con solo due file, uno dei quali è index.php. Bene, intendevo questo in tutti i sensi, non solo in termini di creazione di un semplice "Ciao mondo!" esempio.

Vedete, la gerarchia dei modelli di temi di WordPress funziona in modo tale che se non esiste un file modello più specifico, tornerà automaticamente al prossimo file più “senior”. E indovina qual è il file più senior; cosa viene impostato per impostazione predefinita da WordPress? Esatto: index.php.

Per darti un’idea migliore di cosa intendo, ecco una rappresentazione visiva della gerarchia dei modelli di temi di WordPress:

Gerarchia dei modelli di temi di WordPress

Come puoi vedere, ci sono un numero enorme di file modello che possono essere utilizzati per creare un tema WordPress: tutto da una singola pagina di post sul blog (single-post.php) a una pagina di errore 404 (404.php). Ma la cosa più importante è questa: se WordPress non trova il file più specifico, torna automaticamente al file più anziano successivo.

Alla fine, ciò porta a index.php: i file dei template dei temi di Daddy of WordPress.

Quindi index.php non è affatto la homepage – idealmente, WordPress dovrebbe prima cercare front-page.php, o successivamente home.php a tale scopo. Index.php è l’ultima risorsa.

Dove vai da qui?

Abbiamo solo graffiato la superficie dello sviluppo del tema WordPress in questo articolo, ma ora dovresti sapere che ogni file modello in un tema WordPress si riferisce a un particolare tipo di pagina che vedresti sul front-end. Ad esempio, un singolo post sul blog è rappresentato in modo specifico da single-post.php, quindi single.php, quindi index.php.

WordPress continuerà a lavorare all’indietro fino a quando non trova qualcosa su cui aggrapparsi, ma i file dei temi più specifici ti danno l’opportunità di creare disegni e layout personalizzati per le diverse pagine del tuo sito.

Una volta capito, puoi iniziare da una semplice posizione (ad esempio index.php) e concretizzare il tuo design da lì. Come ho detto; puoi creare un tema WordPress con solo due file, ma in realtà vorrai sfruttare al massimo ciò che WordPress ha da offrire e sfruttare la sua gerarchia di modelli di temi in modo più completo.

Se vuoi esplorare la gerarchia dei modelli di temi di WordPress in modo più dettagliato, ti consiglio le seguenti due risorse:

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map