Ti sei trovato nella necessità di avere a disposizione blocchi facili da posizionare, attivare, disattivare all’ interno del tuo tema, senza dovere spostare le porzioni di codice interessate per apportare eventuali modifiche di posizionamento. Per questa operazione WordPress ci viene incontro con l’ uso dei widget, ora ti mostro come crearne di nuovi appositamente configurati per le tue necessità.
Registrare una nuova area widget
La funzione che ti occorre per inserire una nuova area che raccoglierà i widgets è register_sidebar( args[ ] ). Apri il tuo function.php del tema e aggiungi la funzione che racchiuderà register_sidebar:
<?php
/**
* Registra le nostre barre laterali e le aree per i widget.
*/
function mia_funzione_widgets_init() {
register_sidebar( array(
'id' => 'footer-widget',
'name' => 'Footer Widget',
'description' => __('Footer content', 'domain'),
'before_widget' => '<div class="%1$s widget" id="%2$s">',
'after_widget' => '</div>',
'before_title' => '<h2 class="widgettitle">',
'after_title' => '</h2>'
) );
}
Inizializziamo la funzione con l’ hook widgets_init
add_action('widgets_init', 'mia_funzione_widgets_init');
Ora troverai la nuova area appena creata in “Aspetto->Widget”
Visualizzazione dell’ area widget
È possibile visualizzare la nuova area widget aggiungendo il codice direttamente al file del tema, ad esempio footer.php.
<?php if( is_active_sidebar( 'footer-widget' ) ): ?>
<div id="footer-widget" class="footer-widget widget_area" role="complementary">
<?php dynamic_sidebar('footer-widget'); ?>
</div>
<?php endif; ?>
Dopo aver aggiunto un widget alla nuova area creata ne vedrai in contenuto visualizzato nella posizione scelta, in questo esempio nel footer.
Conclusione
Con questo breve articolo ti ho mostrato come, con poche righe di codice, sia possibile aggiungere facilmente nuove aree personalizzate al tuo tema WordPress.