\n Quali sono i file dei modelli in WordPress?\n<\/p>\n
\n I modelli sono file che dicono al tema WordPress come visualizzare diversi tipi di contenuto in modo sistematico.\n<\/p>\n
\n Quando ogni volta che qualcuno invia una richiesta per visualizzare una parte del tuo sito Web, la piattaforma delle pagine Web di WordPress capir\u00e0 quali contenuti vogliono vedere e come quella parte specifica del tuo sito Web dovrebbe essere mostrata al pubblico.\n<\/p>\n
\n Inoltre, WordPress tenter\u00e0 di utilizzare il file modello pi\u00f9 adatto presente nel tuo tema che dovrebbe essere deciso in base all'ordine gerarchico.\n<\/p>\n
- \n
- \u00c8 anche noto come la gerarchia del modello di pagina di WordPress.\n <\/li>\n
- La gerarchia del modello di pagina di WordPress \u00e8 un intero elenco di diversi file modello.\n <\/li>\n
- WordPress lo sa e vengono classificati per determinare quale file ha la priorit\u00e0 su un altro. Funziona come qualsiasi tipo di albero decisionale.\n <\/li>\n<\/ul>\n
\n Quando WordPress cerca di decidere come visualizzare una determinata pagina nel modo pi\u00f9 adatto, funziona secondo la gerarchia dei template.\n<\/p>\n
\n Per esempio:<\/strong>\n<\/p>\n
\n Se qualcuno vuole accedere al seguente URL.\n<\/p>\n
\n
Your-site.com\/category\/news<\/code>\n<\/p>\n\n Quindi il tema WordPress personalizzato cercher\u00e0 i file modello corretti nel seguente ordine:\n<\/p>\n
- \n
- \n
category-{slug}.php<\/code>: in questo casocategory-news.php<\/code>\n <\/li>\n- \n
category-{id}.php<\/code>: se l'ID categoria fosse 5, WordPress proverebbe a trovare un file denominatocategory-5.php<\/code>\n <\/li>\n- \n
category.php<\/code>\n <\/li>\n- \n
archive.php<\/code>\n <\/li>\n- \n
index.php<\/code>\n <\/li>\n<\/ol>\n\n Alla fine di questa gerarchia di modelli di pagine personalizzate di WordPress c'\u00e8 il file index.php.\n<\/p>\n
\n Verr\u00e0 utilizzato per visualizzare qualsiasi tipo di contenuto che non dispone di un file modello pi\u00f9 specifico. Se il file dei modelli si posiziona pi\u00f9 in alto nell'ordine gerarchico, la personalizzazione del tema WordPress utilizzer\u00e0 automaticamente quel file per visualizzare il contenuto.\n<\/p>\n
\n Quali sono i modelli di pagina nelle pagine Web di WordPress?
\n<\/h3>\n\n Per le pagine Web di WordPress, il plug-in del modello di pagina di WordPress viene solitamente denominato page.php. A volte \u00e8 disponibile un file modello pi\u00f9 specifico denominato archive.php.\n<\/p>\n
\n Il tema WordPress personalizzato utilizza lo stesso file per visualizzare il contenuto di tutte le pagine del tuo sito web.\n<\/p>\n
\n A volte \u00e8 necessario modificare il design, l'aspetto o la funzionalit\u00e0 delle singole sezioni del tuo sito web.\n<\/p>\n
\n Questo \u00e8 il luogo in cui entrano in gioco i modelli di pagina.\n<\/p>\n
\n Il modello di pagina personalizzato WordPress ti consente di standardizzare e personalizzare qualsiasi parte del tuo sito Web WordPress senza influire sul resto.\n<\/p>\n
\n Ad esempio, oggi ci sono molti temi WordPress con un'opzione per modificare la pagina in dimensioni a larghezza intera e quindi aggiungere una seconda barra laterale.\n<\/p>\n
\n Pu\u00f2 anche essere fatto attraverso diversi file modello.\n<\/p>\n
\n Se stai facendo lo stesso e lavori con modelli diversi, ci\u00f2 comporta la modifica e la modifica dei file nel tuo tema WordPress attivo, quindi inizia sempre con un tema figlio quando effettui questo tipo di personalizzazioni.\n<\/p>\n
\n Sar\u00e0 facile da modificare e non sovrascriver\u00e0 altre cose.\n<\/p>\n
\n Come personalizzare le pagine nei modelli di pagine personalizzate di WordPress?
\n<\/h3>\n\n Esistono tre modi di base per utilizzare i modelli di pagina personalizzati di WordPress che sono descritti come segue:\n<\/p>\n
- \n
- Aggiungendo istruzioni condizionali a una gerarchia di modelli di pagina WordPress esistente,\n <\/li>\n
- Crea un modello di pagina specifico che si posiziona pi\u00f9 in alto nell'ordine gerarchico e\n <\/li>\n
- Assegna direttamente i modelli alle pagine specifiche.\n <\/li>\n<\/ul>\n
\n Esploriamo tutto in profondit\u00e0.\n<\/p>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-285965-6382c2306e7de.webp\")
<\/a><\/p>\n\n Utilizzo di tag condizionali nel modello predefinito delle pagine Web di WordPress
\n<\/h5>\n\n Esiste un modo semplice per apportare modifiche specifiche alla pagina nei tag condizionali della personalizzazione del tema WordPress a qualsiasi modello specifico gi\u00e0 in uso.\n<\/p>\n
\n Questi tag vengono utilizzati per creare funzioni che vengono eseguite solo se viene soddisfatta una determinata condizione.\n<\/p>\n
\n Quindi, dovresti aggiungere tag condizionali al file page.php del tuo tema attivo.\n<\/p>\n
\n Ti consentirebbero di apportare modifiche limitate alla home page, alla prima pagina, alla pagina del blog o a qualsiasi altra pagina del tuo sito web.\n<\/p>\n
\n Alcuni dei principali tag condizionali utilizzati sono i seguenti:\n<\/p>\n
- \n
- \n
is_page( )<\/code>: viene utilizzato per indirizzare una pagina specifica e pu\u00f2 essere utilizzato con l'ID, il titolo o l'URL\/nome della pagina.\n <\/li>\n- \n
is_home( )<\/code>: Si applica solo alla home page.\n <\/li>\n- \n
is_front_page( )<\/code>: mira correttamente alla prima pagina del tuo sito Web come impostato in Impostazioni -> Lettura\n <\/li>\n- \n
is_category( )<\/code>: \u00c8 una condizione per una pagina di categoria. Pu\u00f2 anche utilizzare ID, titolo o URL\/nome comeis_page( )<\/code>tag.\n <\/li>\n- \n
is_single( )<\/code>: Viene utilizzato per post singoli o allegati\n <\/li>\n- \n
is_archive( )<\/code>: \u00c8 la condizione per le pagine di archivio\n <\/li>\n- \n
is_404( )<\/code>: Si applica solo alle pagine di errore 404\n <\/li>\n<\/ol>\n\n \u2013 Ad esempio, quando viene aggiunto al tuo page.php al posto del
get_header( );<\/code>tag standard, il seguente codice caricher\u00e0 un file di intestazione personalizzato denominato header-shop.php durante la visualizzazione della pagina yoursite.com\/product.\n<\/p>\n\n Codice:<\/strong>\n<\/p>\n
If (is_page ('products')) {\n get_header ('shop');\n} else {\n get_header( );\n}<\/code><\/pre>\n\n \u2013 Ad esempio, queste due condizioni cambieranno completamente il comportamento delle diverse pagine del tuo sito web.\n<\/p>\n
\n Oltre al caricamento del suddetto file di intestazione specifico del negozio, ora caricherebbe anche un header-about.php su una pagina con ID 42.\n<\/p>\n
\n Per tutte le altre pagine si applica anche il file di intestazione standard.\n<\/p>\n
\n Crea alcuni file specifici della pagina nella gerarchia dei modelli di pagina di WordPress
\n<\/h5>\n\n I tag condizionali sono uno dei modi migliori per introdurre alcune piccole modifiche alle tue pagine web WordPress.\n<\/p>\n
\n Pu\u00f2 aiutarti a creare personalizzazioni pi\u00f9 ampie utilizzando molte istruzioni condizionali una dopo l'altra.\n<\/p>\n
\n Uno dei modi migliori per farlo \u00e8 distribuire la gerarchia completa del modello di pagina di WordPress che attraverserebbe un elenco del numero massimo di file modello possibili e quindi si pu\u00f2 scegliere ci\u00f2 che si adatta meglio a loro.\n<\/p>\n
\n Il modello di pagina personalizzata di WordPress include la seguente gerarchia:\n<\/p>\n
\n
Page-{slug}.php<\/code>\n<\/p>\n\n
Page-{id}.php<\/code>\n<\/p>\n\n
Page.php<\/code>\n<\/p>\n\n
index.php<\/code>\n<\/p>\n\n I modelli di pagina personalizzati sono quelli che sono stati assegnati alla pagina specifica.\n<\/p>\n
\n Quindi, se esiste uno di questi, WordPress lo utilizzer\u00e0 indipendentemente dal fatto che i file modello siano presenti o meno. Successivamente, WordPress trover\u00e0 il modello di pagina che include “slug”.\n<\/p>\n
\n Ad esempio: se includi un file denominato page-about.php nel file dei temi, pu\u00f2 essere trovato in questo tipo di URL tuosito.com\/about.\n<\/p>\n
\n Assegnazione dei modelli di pagina personalizzati di WordPress
\n<\/h5>\n\n \u00c8 anche possibile assegnare manualmente i modelli personalizzati alle pagine particolari e WordPress pu\u00f2 utilizzarli anche in forma automatica.\n<\/p>\n
\n Sotto forma di gerarchia del modello di pagina di WordPress, ci sar\u00e0 un file modello presente nella cartella del tema.\n<\/p>\n
\n Quindi, proprio come crei un modello specifico per la pagina per la gerarchia di WordPress, questo ti chieder\u00e0 di fornire un file modello specifico e quindi collegarlo a qualsiasi pagina per cui desideri utilizzarlo.\n<\/p>\n
\n Pu\u00f2 essere fatto in due modi diversi con i quali avrai familiarit\u00e0. Alcuni dei dettagli sono forniti come segue:\n<\/p>\n
\n Assegna modelli di pagina personalizzati dall'editor di WordPress
\n<\/h5>\n\n Nell'editor di WordPress, troverai un campo di opzioni chiamato “Attributi pagina” che ha un menu a discesa sotto di esso denominato “Modello”.\n<\/p>\n
\n Dopo aver fatto clic su di esso, ti verr\u00e0 fornito un elenco di diversi modelli di pagina disponibili sul tuo sito Web del tema WordPress. Scegli quello che ti piace, salvalo; aggiornalo quando hai finito.\n<\/p>\n
\n Impostazione di un modello personalizzato tramite modifica rapida
\n<\/h5>\n- \n
- Vai alla sezione “Tutte le pagine” e passa con il mouse su uno qualsiasi degli elementi menzionati nell'elenco.\n <\/li>\n
- Diventer\u00e0 visibile un menu che include la voce “Modifica rapida”.\n <\/li>\n
- Fare clic su di esso per modificare l'impostazione della pagina direttamente da l\u00ec.\n <\/li>\n
- Vedrai il menu a discesa simile l\u00ec per scegliere un modello di pagina diverso.\n <\/li>\n
- Scegli quello che ti piace e modificalo.\n <\/li>\n<\/ul>\n
\n Come utilizzare il modello di pagina personalizzato di WordPress?
\n<\/h3>\n\n I modelli di pagina WordPress possono essere utilizzati per molti scopi diversi e possono essere personalizzati facilmente in qualsiasi cosa.\n<\/p>\n
\n Richiede solo una buona immaginazione e una codifica ben versata.\n<\/p>\n
\n Alcuni dei principali usi sono riportati di seguito:\n<\/p>\n
\n Pu\u00f2 essere utilizzato come modello di pagina a larghezza intera.<\/strong>\n<\/p>\n
\n Innanzitutto, in questo caso, la barra laterale viene rimossa cancellandola tramite questo comando,\n<\/p>\n
<?php get_sidebar(); ?><\/code><\/pre>\n\n Quindi vengono apportate alcune modifiche specifiche alla codifica CSS come mostrato di seguito,\n<\/p>\n
.site-content {\n Float: left;\n Width: 65 %;\n}<\/code><\/pre>\n\n L'attributo width limita l'elemento del sito web che contiene i nostri contenuti al 65% dello spazio disponibile.\n<\/p>\n
\n Se modifichiamo semplicemente la dimensione al 100%, ci\u00f2 influir\u00e0 anche su tutte le altre pagine del nostro sito Web, il che non \u00e8 esattamente ci\u00f2 che vogliamo.\n<\/p>\n
\n Quindi, a questo scopo, la classe del div nel modello di pagina personalizzata di WordPress verrebbe modificata in
class=\"site-content-fullwidth\"<\/code>.\n<\/p>\n\n Sembrerebbe qualcosa di simile a questo come mostrato di seguito:\n<\/p>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-285965-6382c23239d2d.webp\")
<\/a><\/p>\n\n Pu\u00f2 aggiungere le pagine 404 con le barre dei widget
\n<\/h5>\n\n La pagina di errore 404 \u00e8 quella particolare pagina che compare quando la persona arriva su una pagina di un sito web che non esiste. Forse \u00e8 un collegamento difettoso o un errore di battitura.\n<\/p>\n
\n \u00c8 molto importante aggiungere queste pagine al tuo sito web. Ti mostra la responsabilit\u00e0 nei confronti del pubblico.\n<\/p>\n
\n \u00c8 difficile codificare una pagina da zero se non sei molto esperto nelle tue capacit\u00e0 di codifica, quindi \u00e8 molto meglio aggiungere alcuni widget ai tuoi modelli. Pu\u00f2 essere modificato in modo flessibile con l'aiuto del trascinamento della selezione.\n<\/p>\n
\n Sarebbe fatto con l'aiuto del file 404.php. Apparir\u00e0 sul tuo sito Web quando \u00e8 necessario.\n<\/p>\n
\n Dopo aver caricato il modello di pagine Web di WordPress sul sito Web, procedere verso la creazione dell'area widget.\n<\/p>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-285965-6382c233d9dcb.webp\")
<\/a><\/p>\n\n Facilita aggiungendo il modello di pagina per la visualizzazione dei tipi di post personalizzati
\n<\/h3>\n\n I tipi di post personalizzati sono una delle tecniche efficaci per introdurre contenuti che hanno il proprio set di punti dati, design e altre personalizzazioni simili.\n<\/p>\n
\n Innanzitutto, crea un tipo di post personalizzato CPT che pu\u00f2 essere facilmente eseguito tramite un plug-in o manualmente. Un plug-in denominato “Tipi” pu\u00f2 essere utilizzato per creare tipi di post personalizzati e campi personalizzati.\n<\/p>\n
- \n
- \n
- \n
- \n