![\"Tutorial](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-153948-61e516ac9d3c4.png\")
<\/a><\/p>\nAll’interno della metabox "Attributi di pagina" per le pagine \u00e8 dove appare la scelta del modello di pagina. Ma l’opzione del modello apparir\u00e0 solo se il tema attivo ha almeno un modello di pagina.<\/p>\n
I modelli di pagina possono effettivamente essere utilizzati anche per post e tipi di post personalizzati. Dopo WordPress 4.7 e versioni successive, puoi definire a quali tipi di post desideri che il modello sia disponibile. WordPress aggiunger\u00e0 automaticamente il metabox "Attributi della pagina" richiesto a quei tipi di post.<\/p>\n
Denominazione e posizionamento del modello di pagina<\/h2>\n
Per iniziare, di solito faresti una copia di qualsiasi file modello sia pi\u00f9 vicino a ci\u00f2 che desideri ottenere con il modello di pagina. Nella maggior parte dei casi \u00e8 Si \u00e8 tentati di nominare semplicemente il modello di pagina, ad esempio Una buona pratica \u00e8 anteporre al modello di pagina qualcosa che non fa parte dei nomi dei modelli di pagina di WordPress. Ad esempio " Dopo aver deciso per un modello di denominazione, andiamo avanti e creiamo un modello di pagina.<\/p>\n Crea una copia Tutto ci\u00f2 di cui hai bisogno \u00e8 un commento all’inizio del file, con "Nome modello:" e il nome del modello dopo di esso. Questo \u00e8 tutto! Vai in amministrazione, modifica una pagina e dovresti vedere l’opzione per scegliere "Fullwidth" come modello.<\/p>\n Ho gi\u00e0 detto che in WordPress 4.7 puoi definire per quali tipi di post desideri che il modello di pagina sia disponibile. In questo momento \u00e8 disponibile solo per le pagine, ma dici di volere anche l’opzione per creare post a larghezza intera? In tal caso, aggiungi "Tipo di post modello:" all’interno dello stesso blocco di commenti e definisci i tipi di post separati da virgola. Ad esempio, per renderlo disponibile sia per i post che per le pagine;<\/p>\n Modifica un post e dovresti vedere una nuova metabox "Attributi del post" in cui puoi scegliere il modello Larghezza intera. Simpatico!<\/p>\n Ora modifichiamo il modello di pagina in modo che in realt\u00e0 faccia qualcosa di diverso dalla visualizzazione a pagina singola. Rimuoviamo la richiesta per il modello della barra laterale: (l’ho commentato per renderlo pi\u00f9 visibile, ma puoi semplicemente eliminare la riga).<\/p>\n Facciamo un’altra cosa per rendere pi\u00f9 facile lo stile del nostro modello di pagina. Quando aggiungi CSS, spesso devi sapere se la pagina ha una barra laterale o meno, per regolare le colonne\/layout. Ricordi Nota: potresti aver notato che qualsiasi pagina o post che utilizza un modello di pagina ottiene gi\u00e0 una classe corpo specifica; “page-template-" \u2013 nel nostro esempio Nota: questo aggiunge solo una classe al corpo, quindi lo styling diventa pi\u00f9 semplice, in realt\u00e0 non disabilita l’output della barra laterale. Devi ricordarti di eliminare il Aggiungiamo un filtro per Molto probabilmente durante lo sviluppo dei modelli, occasionalmente ti imbatterai in modelli a cui non desideri aggiungere la classe della barra laterale e, man mano che procedi, aggiungi quei casi all’interno di questo Sta a te decidere quanti modelli di pagina desideri e cosa dovrebbero contenere. Questa era solo una semplice introduzione. Se sei interessato a come interrogare altri post all’interno di modelli di pagina, dai un’occhiata al passaggio successivo<\/a>.<\/p>\npage.php<\/code>. Per quanto riguarda la denominazione del modello di pagina, dipende da te. Ma ci sono delle regole e del buon senso.<\/p>\npage-books.php<\/code>per un modello che elenca un tipo di post personalizzato libri. Non anteporre mai il modello di pagina con ‘ page-<\/code>‘! Se ricordi dalla gerarchia dei modelli<\/a> di WordPress, WordPress cercher\u00e0 page-<slug>.php<\/code>prima di tentare page.php<\/code>e gli utenti del tuo tema potrebbero riscontrare comportamenti imprevisti.<\/p>\npagetemplate-'<\/code>, " pt-<\/code>" o semplicemente il nome completo " fullwidth-template.php<\/code>". \u00c8 anche buona norma tenerli in una sottocartella; \/page-templates\/<\/code>tuttavia questo non va bene se vuoi che il tuo tema sia disponibile per l’estensione con un tema figlio. Un tema figlio non pu\u00f2 sostituire i modelli di pagina inseriti in una sottocartella nel tema principale.<\/p>\nCreazione di un modello di pagina<\/h2>\n
page.php<\/code>e rinominala in pagetemplate-fullwidth.php<\/code>. Per trasformarlo in un modello di pagina, devi solo aggiungere un commento all’inizio che dice a WordPress che questo \u00e8 un modello di pagina:<\/p>\n<?php \n\/*\nTemplate Name: Fullwidth \n*\/\nget_header(); ?>\n<?php \nif (have_posts()) {\n...<\/code><\/pre>\n<?php \n\/*\nTemplate Name: Fullwidth \nTemplate Post Type: post, page\n*\/\nget_header(); ?>\n<?php \nif (have_posts()) {\n...<\/code><\/pre>\nModifica del codice nel nostro modello di pagina<\/h2>\n
...\n ?><p><?php _e('No posts, sorry.', 'wptutorial'); ?><\/p><?php\n}\n\/\/get_sidebar(); \nget_footer(); ?><\/code><\/pre>\nbody_class<\/code>quale fornisce un sacco di classi utili all’elemento body? E se aggiungessimo una classe personalizzata al corpo che ci dice se la pagina corrente ha una barra laterale o meno?<\/p>\nFiltra
body_class<\/code><\/h2>\n\"page-template-pagetemplate-fullwidth\"<\/code>. \u00c8 una lezione piuttosto lunga e, inoltre, vogliamo rendere il nostro tema pi\u00f9 flessibile e consentire l’intera larghezza su altri modelli oltre a quelli che utilizzano il modello di pagina. Ad esempio, di solito non vuoi una barra laterale in prima pagina, giusto?<\/p>\nget_sidebar()<\/code>ovunque tu non lo desideri.<\/p>\nbody_class<\/code>aggiungere una classe barra laterale personalizzata nel nostro functions.php<\/code>, in modo che tu possa aggiungerne in seguito in altri casi in cui non desideri la barra laterale. WordPress ha un bel tag condizionale per verificare se un modello di pagina \u00e8 in uso; is_page_template()<\/code>dove metti il \u200b\u200bnome del modello di pagina come parametro. Vogliamo aggiungere una classe se questo non \u00e8 vero, quindi aggiungiamo il contrario con "!":<\/p>\nadd_filter('body_class', 'wptutorial_body_class_filter');\nfunction wptutorial_body_class_filter($classes) {\n if (!is_page_template('pagetemplate-fullwidth.php')) {\n $classes[] = 'has-sidebar';\n }\n return $classes;\n}<\/code><\/pre>\nif<\/code>. Ad esempio, se non vuoi che la classe della barra laterale sia in prima pagina, puoi aggiungere !is_front_page()<\/code>. Questo aggiunger\u00e0 la classe "has-sidebar" a tutte le pagine tranne la prima pagina e il modello di pagina:<\/p>\nif (!is_front_page() && !is_page_template('pagetemplate-fullwidth.php'))<\/code><\/pre>\n