Creare una pagina Template in WordPress e senza Sidebar

14 Feb, 2013 7 Commenti di

Vi è mai capitato di voler togliere la sidebar da alcune pagine e di farle diventare a piena pagina (fullwidth)?

Ecco come fare!

Per prima cosa occorre copiare il file page.php che trovete nella cartella del vostro tema sotto

wp-content/themes/nome del tema.

Lo apriamo con un editor di testo, per esempio textedit su Mac e inseriamo come prima riga

<?php /* Template Name: nome a scelta */ ?> ad esempio io l’ho chiamata nosidebar

grazie alla quale verrà poi riconosciuto come template da WordPress.

Andiamo a trovare e cancellare il seguente codice:

<?php get_sidebar() ?>

in modo da eliminare la sidebar.

Andiamo ora alla voce: <div id=”content”>

e la modifichiamo con:

<div id=”content-fullwidth”>

Salviamo il file e lo rinominiamo ad esempio page2.php.

Andiamo quindi ad inserire tramite ftp (ad esempio con FileZilla) il file appena creato nella stessa cartella del file page.php

Dobbiamo dare ora le caratteristiche del template appena creato tramite il file style.css.

Apriamo quindi l’editor in wordpress andando sul menù Aspetto/editor e cerchiamo la riga del file style.css del tema che riporti:

#content {
width: 645px;
float: left;
padding-bottom: 5px;
}

Lo copiamo e incolliamo, aggiungendolo subito sotto e lo cambiamo in:

#content-fullwidth {
width: 850px;
float: left;
padding-bottom: 5px;
}

Abbiamo così creato lo stile del nostro nuovo template. Ovviamente il valore della larghezza varia in base al vostro tema quindi da voi anzichè 850 potrebbe bastare 750.

Se adesso andiamo ad aprire la nostra pagina in WordPress alla quale volevamo togliere la sidebar e farla a dimensione intera, ci accorgeremo che sulla palette di destra, Attributi Pagina è apparsa la voce Modello e dal menù a tendina potremo selezionare il nostro template.

una volta selezionato fate Aggiorna ed andate a vedere il risultato.

Prima

Dopo

Wordpress

Autore

Grafico freelance, web desiger e insegnante di Grafica da 20 anni che grazie all'esperienza maturata nel campo della stampa e del web design offre molteplici sevizi grafici.

7 Responses to “Creare una pagina Template in WordPress e senza Sidebar”

  1. Mauro says:

    Ciao, ho provato a fare come spieghi nel tuo articolo, in effetti funziona, ma mi sai dire perchè ho questo “difetto”?

    http://wordpress.mauroetiziana.it/?page_id=143

    Grazie!

    • Matteo says:

      C’è qualche errore nel codice inserito, prova a rifare i passaggi nel file del template, nel mio caso page2.php. Se hai copiato il codice dal mio sito con copia-incolla, ti conviene provare a scriverlo a mano perché dev’essere testo non formattato o fallo passare prima per un editor di testo e poi rifai copia-incolla.
      Eventualmente ti mando il mio file già fatto! Ciao

  2. David says:

    Ottimo, grazie. Proverò ad utilizzare questa opzione per vedere se funziona, prima di cercare come fare un template completamente personalizzato, visto che non ho molto tempo per impararlo. Solo che avrei un paio di domande, se dovessi leggermente modificare l’header del nuovo template è abbastanza facile da fare? Inoltre, ho notato che nel mio tema c’è anche una versione Mobile, nel senso che a Mobile non si vede la sidebar, modificando così il template si adatta anche utilizzandolo da telefono? Grazie comunque.

  3. Matteo says:

    I template wordpress sono completamente modificabili quindi sul tuo l’Header puoi fare tutte le modifiche che vuoi, il problema della difficoltà dipende solo dal tipo di modifica che vuoi fare… Per aiutarti nelle modifiche di un tema usa Firebug che è un plugin da installare sul browser Firefox che ti dice quale parte del codice cambiare e ti mostra il risultato in anteprima cambiando il codice virtualmente in modo che se il risultato ti piace, poi vai nell’Editor a modificarlo. Per il discorso Mobile i Template come il tuo sono Responsive ovvero si adattano automaticamente ai vari dispositivi su cui vengono visualizzati, dipende dal tipo di modifica che fai se si adatta perfettamente con il Mobile, normalmente non dà problemi. Prova appena modificato sul computer a visualizzarlo anche sul dispositivo mobile in modo che vedi subito se tutto funziona correttamente, altrimenti con Firebug fai le modifiche necessarie sul codice. Ciao

  4. ivan says:

    Ciao Matteo, una domanda da vero neofita di wordpress, ho incominciato ad utilizzarlo da oggi.

    “page.php che trovete nella cartella del vostro tema sotto
    wp-content/themes/nome del tema.”

    questa cartella da dove è visibile? Dal menu wp-admin/themes.php?theme=motif? questo è il tema che utilizzo.

    è visibile solo dal proprio hosting?

    e se nel mio caso ho attivato un dominio dalla pagina wordpress.com e l’estensione del domionio è nomedominio.wordpress,com come posso visualizzare il file php?

    ti ringrazio per la risposta

  5. christian says:

    Perfetto, avevo prorpio bisogno di una semplicissima pagina bianca per inserire un video….come faccio ad averlo nel centro dello schermo?
    Grazie

Leave a Reply