Creare un template di pagina su wordpress rende l’esperienza di utilizzo dell’ottimo CMS ancora più flessibile ed utile. Questo perchè ci permette di creare diversi template pronti per diverse tipologie di pagina. In molti casi (come ad esempio all’interno di temi pro acquistabili su ThemeForest)
Come Creare un Template di Pagina su WordPress WordPress è uno dei più popolari sistemi di gestione dei contenuti che permette di creare e gestire facilmente un sito web.
Una delle sue caratteristiche più potenti è la possibilità di creare modelli personalizzati di pagine, noti come template di pagina. Questi template possono essere utilizzati per creare pagine con un design unico che si differenzia da quello delle altre pagine del sito.
In questo articolo vedremo come creare un template di pagina su WordPress e forniremo esempi pratici di codice per aiutarti a comprendere meglio il processo.
Creare un nuovo file template php
Per creare un nuovo template di pagina su WordPress, devi prima creare un nuovo file di modello. Questo file contiene il codice HTML, CSS e JavaScript che definisce il design e il comportamento del tuo template. Per creare un nuovo file di modello, accedi alla tua installazione di WordPress e segui questi passaggi:
- Vai nella tua cartella dei temi (wp-content/themes) e selezioni il tema che stai utilizzando. Per accedere a questa parte del tuo sito potrai entrare nel file manager del tuo server, altrimenti utilizzare una connessione FTP. Ho scritto una piccola guida all’interno dell’articolo: come installare wordpress via FTP
- Crea un nuovo file all’interno di questa cartella e chiamalo “page-template.php”.
- Apri il file con un editor di testo e incolla il seguente codice:
<?php /* Template Name: Nome del Template Template Post Type: post, page */
get_header(); ?>
<!-- Il tuo codice qui -->
<?php get_footer(); ?> Aggiungere intestazione e piè di pagina
Il codice sopra riportato include le intestazioni e il piè di pagina del tuo template di pagina. Queste righe di codice includono il contenuto dei file header.php e footer.php già create precedentemente dal tuo tema, che definiscono il design comune a tutte le pagine del tuo sito.
In questo esempio vengono richiamate usando le funzioni WordPress get_header() e la funzione get_footer();
Aggiungere il contenuto del template
Una volta che hai inserito l’intestazione e il piè di pagina, puoi aggiungere il contenuto del template tra di essi. Questo è dove puoi utilizzare il codice HTML, CSS e JavaScript per creare il design unico del tuo template di pagina. Per esempio, puoi aggiungere un’immagine di testata e un titolo, o modificare a piacimento il codice. (Ma anche utilizzando semplicemente Gutenberg).
Per falo dovrai avere conoscenze anche basilari di HTML, CSS e Javascript in base a cosa vorresti realizzare. Un pò di Php e WordPress è sicuramente un plus gradito.
Attivare il template di pagina
Una volta che il tuo template di pagina è completo, devi attivarlo per renderlo disponibile per le pagine del tuo sito. Per fare ciò, vai in pagine e aggiungi una nuova pagina (o modificane una già creata se vuoi cambiarne il template):
- Clicca sulla scheda “Modello” nella barra laterale destra.
- Seleziona “Nome del Template” dall’elenco dei modelli disponibili.
- Salva o pubblica la tua pagina per applicare il modello.
Ora la tua pagina sarà visualizzata utilizzando il tuo nuovo template di pagina personalizzato.
Su Gutenberg, il nuovo Editor di Pagina cambia leggermente la posizione della parte template.
N.B. Queste impostazioni valgono per i vecchi tempi realizzati in Php definiti “classic theme”, con le nuove tecnologie wordpress ha integrato il Full Site Editing con Gutenberg permettendo di creare template di pagina in maniera visiva senza integrare il codice, non ho quindi testato questa metodologia per creare template di pagina custom su temi che utilizzano il Full Site Editing (conosciuti oggi con il nome di Block Theme.)
Personalizzare il tuo template di pagina
Puoi personalizzare ulteriormente il tuo template di pagina utilizzando CSS, HTML e JavaScript. Ad esempio, puoi modificare il design delle sezioni, aggiungere funzionalità interattive e molto altro.
Ecco alcuni esempi di come puoi personalizzare il tuo template di pagina:
- Aggiungere uno sfondo colorato o un’immagine di sfondo.
- Modificare i font, i colori e altri elementi di design.
- Aggiungere funzionalità interattive come form di contatto, gallerie di immagini e mappe.
- Mostrare i contenuti correlati o le pagine simili.
- Creare una barra laterale personalizzata.
Creare un template di pagina su wordpress: Conclusione
In conclusione, creare un template di pagina personalizzato su WordPress è un processo semplice e molto potente che ti permette di creare pagine uniche e distintive per il tuo sito. Speriamo che questo articolo ti abbia fornito le informazioni e gli esempi di codice di cui avevi bisogno per iniziare a creare il tuo template di pagina.
Rispondi