Oggi vediamo come aggiungere dei Widget personalizzati al nostro tema WordPress, scrivendo pochissimo codice nel file function.php del nostro tema.
L’esempio che riporterò è lo stesso utilizzato in questo Blog, dunque potete vedere il risultato finale dal vivo. La semplicità di questo sistema di personalizzazione, estende le capacità del vostro tema, lasciando campo libero alla creatività e all’espanzione della soluzione proposta.
Giocando con i CSS, potrete aggiungere Widget personalizzati in ogni sezione del vostro tema, offrendo contenuti e visualizzazioni personalizzate e utili.
Vediamo il codice da inserire nel vostro file function.php
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 | // enables wigitized sidebars if ( function_exists('register_sidebar') ) // widget personalizzato dal nome Alert register_sidebar(array('name'=>'Alert', 'before_widget' => '<div class="alert">', 'after_widget' => '</div>', 'before_title' => '<h2>', 'after_title' => '</h2>', )); // primo widget personalizzato dal nome FooterUno register_sidebar(array('name'=>'FooterUno', 'before_widget' => '<div class="widget-area widget-footer-uno">', 'after_widget' => '</div>', 'before_title' => '<h4>', 'after_title' => '</h4>', )); // primo widget personalizzato dal nome FooterDue register_sidebar(array('name'=>'FooterDue', 'before_widget' => '<div class="widget-area widget-footer-due">', 'after_widget' => '</div>', 'before_title' => '<h4>', 'after_title' => '</h4>', )); |
A questo punto, definite le strutture personalizzate dei nuovi Widget, aprendo la sezione Widget nell’amministrazione di WordPress, troveremo i nuovi box disponibili nella sidebar. Potrete inserire quel che volete all’interno, ma nel nostro caso abbiamo strutturato i due nuovi Widget per il Footer al fine di predisporli a ricevere il collegamento RSS e il Widget Alert al fine di porvi un messaggio di comunicazione all’interno del sito.
Una volta completata la struttura funzionale dei Widget nel file function.php, occupiamoci di predisporre il nostro tema alla corretta ricezione del contenuto dinamico da parte di WordPress.
Apriamo il file footer.php e scegliete la parte dove inserire i due nuovi box FooterUno e FooterDue. Nel mio caso, visibile nel footer di questo Blog, ho creato due DIV che ricevono gli RSS da siti esterni; ecco il codice:
1 2 3 4 5 6 | <div class="FooterUno"> <?php if ( ! dynamic_sidebar( 'FooterUno' ) ) : ?><!--Wigitized Footer--><?php endif ?> </div> <div class="FooterDue"> <?php if ( ! dynamic_sidebar( 'FooterDue' ) ) : ?><!--Wigitized Footer--><?php endif ?> </div> |
Allo stesso modo, magari nel file single.php o altrove, potrete inserire il codice per ricevere il contenuto del Widget personalizzato Alert.
