Non preoccuparti se all’inizio l’immagine sembra troppo confusa! Man mano che procediamo nel tutorial, ti ritroverai a fare riferimento a questa immagine per trovare i modelli che desideri implementare nel tuo tema.<\/p>\n
Il modo in cui leggi l’immagine \u00e8 andando da sinistra verso destra. In base alla pagina in cui ti trovi, i modelli sono molto specifici e pi\u00f9 avanzi verso il lato destro, pi\u00f9 generali diventano i modelli. L’ultimo fallback \u00e8 quello pi\u00f9 a destra; Tutti i file modello elencati nell’immagine sopra devono risiedere nella cartella principale del tema e devono essere nominati esattamente come indicato. Non puoi inserire i tuoi modelli in sottocartelle per scopi organizzativi perch\u00e9 WordPress non sar\u00e0 in grado di trovarli!<\/p>\n Inizieremo in modo semplice! Oggi creeremo gli unici pochi file necessari affinch\u00e9 WordPress lo riconosca come tema, per poi espanderci da l\u00ec.<\/p>\n Hai solo bisogno di due file per creare un tema WordPress valido.<\/p>\n Nell’illustrazione della gerarchia dei modelli, hai notato quella all’estrema destra; chiamato Creiamo il nostro tema creando questi due file!<\/p>\n Tutti i temi devono trovarsi nelle rispettive cartelle separate all’interno della sottocartella In Entra nella cartella del tuo tema e crea un nuovo file vuoto denominato Siamo gi\u00e0 a met\u00e0 strada! Creiamo il secondo file richiesto. All’interno della cartella del tema crea un nuovo file vuoto denominato Apri il In questo tutorial lo manterremo semplice; aggiungeremo il nome del tema e tu scriverai il tuo nome come autore. Puoi andare avanti e usare qualsiasi nome tu voglia, questo \u00e8 quello che ho inserito nel mio Salva e chiudi il file (questo tutorial non toccher\u00e0 pi\u00f9 questo file), a meno che tu non voglia scrivere CSS per il tuo tema mentre procedi.<\/p>\n Congratulazioni! Ora hai creato un tema WordPress valido!<\/p>\n Entriamo nel pannello di amministrazione di WordPress e andiamo su "Aspetto> Temi" e vediamo se riusciamo a trovare il nostro tema l\u00ec.<\/p>\nindex.php<\/code>, che verr\u00e0 caricato se non sono stati trovati altri modelli di adattamento.<\/p>\nAnatomia di un tema WordPress<\/h2>\n
index.php<\/code>? Questo \u00e8 il modello di fallback finale se WordPress non riesce a trovare alcun modello. Questo \u00e8 uno dei file richiesti. L’altro file \u00e8 un foglio di stile (.css<\/code>). Non \u00e8 necessario che contenga alcun CSS, ma deve contenere un blocco di commenti che fornisca informazioni su WordPress sul tuo tema. Queste due cose sono tutto ci\u00f2 di cui hai bisogno per un tema WordPress valido.<\/p>\nCreazione del tuo primo tema<\/h2>\n
\/wp-content\/themes\/<\/code>. Se accedi a questa cartella nel tuo navigatore di file, probabilmente vedrai gi\u00e0 alcune cartelle di temi qui; ventinove, ventidiciassette, ecc. Questi sono temi inclusi con WordPress come impostazione predefinita.<\/p>\n\/wp-content\/themes\/<\/code>, crea una nuova cartella. Assegna un nome appropriato (minuscolo, senza spazi, non uguale a qualsiasi altra cartella). Di solito il nome della cartella \u00e8 una versione slug del nome del tuo tema. Per questo tutorial, chiamer\u00f2 la mia cartella del tema " wptutorial<\/code>".<\/p>\n![\"Tutorial](\"https:\/\/codex.wordpress.org\/File:Template_Hierarchy.png#file\")
<\/a><\/p>\nindex.php<\/code>. Ho modificato il file e ho appena aggiunto del testo casuale, cos\u00ec possiamo vedere pi\u00f9 facilmente quando \u00e8 in uso:<\/p>\n<\/a><\/p>\nstyle.css<\/code>.<\/p>\nstyle.css<\/code>file e avvia immediatamente un blocco di commenti (\/*<\/code>e chiudilo con *\/<\/code>). All’interno di questo blocco di commenti dobbiamo seguire alcune regole di WordPress su come definire il nostro tema. Come minimo dobbiamo definire il nome del nostro tema. Ma possiamo anche aggiungere informazioni su chi \u00e8 l’autore, homepage, numero di versione, informazioni sulla licenza e molto altro. Consulta la documentazione di WordPress su cosa puoi aggiungere<\/a>.<\/p>\nstyle.css<\/code>:<\/p>\n\/* \nTheme Name: A White Pixel Theme \nAuthor: Alex White \n*\/<\/code><\/pre>\nAttivazione del tuo tema<\/h2>\n