Creare template personalizzati nei temi wordpress
Quando si comincia a lavorare con wordpress , una delle più complicate azioni a cui dobbiamo sottoporci è quella di personalizzare una pagina evitando di combinare casini con il resto del template.

Per questo ci vengono incontro i template personalizzati di wordpress. Cosa sono ? Sono quelle pagine del template che risultato differenti dalle normali pagine del tema, in quanto implementano determinati script che devono essere presenti soltanto in una pagina , oppure sono determinate pagine che presentano un layout grafico differente.
Ora vedremo come costruirne una tutta nostra e come dire a wordpress quale template personalizzato utilizzare.
1) Creazione template personalizzato
Sappiamo benissimo che un tema di wordpress è diviso in tante pagine .php che si differenziano a seconda del loro utilizzo. Se non sai come è diviso un tema in wordpress vi consiglio di leggere questi articoli.
- 10 Tip & Tricks sul cms WordPress – ( Ebug );
- Guida creazione tema wordpress – ( YIW );
- Creare un tema per WordPress da 0 – ( Claudio Corti );
- Linea guida ufficiale del portale WordPress ( Codex WordPress );
Quando creiamo una pagina dal pannello di controllo di wordpress sappiamo che prenderà sicuramente la forma della pagina page.php. Ma poniamo il caso di voler personalizzare una determinata pagina del template con una grafica alternativa. Dobbiamo creare una template personalizzato.
Poniamo il caso si voglia inserire template personalizzato con un form di contatto in html. Andiamo nella cartella ftp del nostro tema e creiamo un file denominato template-contatti.php. Apriamo questo file è scriviamo al suo interno questo codice.
1 2 3 4 5 6 7 8 9 | <?php /* Template Name: Template_contatti */ ?> |
In questo modo noi abbiamo appena creato un template personalizzato del nostro tema wordpress. Ora ri apriamo il nostro file è riscriviamolo con questo codice.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 | <?php /* Template Name: Template_contatti */ // includiamo la testa del nostro template get_header(); // scriviamo il codice del nostro modulo contatti ?> <form action='<?php echo the_permalink(); ?>?inviocodice=ok' method='POST'> <b>Nome</b><br><input type='text' name='nome' require><br> <b>Mail</b><br><input type='text' name='mail' require><br> <b>Testo</b><br><textarea cols='10' rows='10' name='testo' require></textarea><br> <input type='submit' value='Invio'> </form> <?php // scriviamo il codice per l'invio della mail $inviocodice = $_GET['inviocodice']; $mail = $_POST['mail']; $nome = $_POST['nome']; $testo = $_POST['testo']; if ( $inviocodice == "ok" ) { // ora controlliamo che i campi siano stati tutti compilati if ( $nome == TRUE && $mail == TRUE && $testo == TRUE ) { // controlliamo se il campo mail è stato scritto in maniera errata $email = eregi("^[_a-z0-9+-]+(\.[_a-z0-9+-]+)*@[a-z0-9-]+(\.[a-z0-9-]+)+$",$mail); if ( $email == TRUE ) { // se tutto è andato a posto inviamo la nostra mail $testo_2 = "Ti ha contattato".$nome."<br>".$testo; mail ("info@tuamail.it" , "Richiesta di Contatto", $testo_2, "From: $mail"); $esito = "Mail inviata con successo"; } else { $esito = "Mail errata, inserisci una mail corretta"; } } else { $esito = "Compila tutti i campi"; } echo "<div class='esito'>$esito</div>"; } // includiamo il fondo del nostro tema get_footer(); ?> |
2) Selezionare il template personalizzato
Come abbiamo visto è molto semplice realizzare un template personalizzato di wordpress. Ora assegniamo questo template a una determinata pagina.
Andiamo su :
Pagine >> Aggiungi Nuova
Ora selezioniamo come da immagine il nostro template.
Ora che sappiamo realizzare un template personalizzato e applicarlo a qualsiasi pagina di wordpress, non ci manca che realizzarne quanti più possibili
Utilità nel realizzare template personalizzati
Possono essere tante le motivazioni nell’utilizzare un determinato template personalizzato, che possono spaziare dal cambio di layout all’uso di uno script particolari che potrebbero usare php. Ovviamente le idee sono tante e io ve ne suggerisco alcune:
- Potremmo utilizzare un template personalizzato per realizzare una pagina 404;
- Potremmo utilizzare un template personalizzato per realizzare una script esterno a wordpress;
- Potremmo utilizzare un template personalizzato per tutte le visite provenienti da facebook o google.
Ovviamente le idee sono le più svariate ora sta a voi applicarle. Sbizzarritevi e fatemi sapere.
Vi è piaciuto l’articolo, scrivetemi
Potresti trovare interessante anche





9 gennaio 2012


Articolo interessante per chi si addentra per la prima volta in WordPress.
Ti segnalo una “incorrettezza”:
invece di usare include(‘header.php); e include(‘footer.php’); è meglio usare get_header(); e get_footer(); in quanto funzioni di WordPress.
Se venissero usati gli include, nel caso i relativi template non fossero presenti WordPress restituirebbe un errore, mentre usando le funzioni di WordPress la cosa verrebbe gestita in modo totalmente trasparente e non ci sarebbero errori.