Molto spesso abbiamo la necessità di inserire dei widget nel footer del nostro template che, nativamente, non è predisposto a farlo. Vedremo in pochi e semplici passi come rendere widget-ready il nostro footer di WordPress.

Passaggio 1 

Il primo passaggio consiste nell’abilitare la nuova area dedicata ai widget. Dovremo modificare il file functions.php, nella cartella del nostro template, aggiungendovi il seguente codice:

register_sidebar( array(
'name' => 'Footer Sidebar 1',
'id' => 'footer-sidebar-1',
'description' => 'Questo widget apparirà nel footer 1',
'before_widget' => '<aside id="%1$s">',
'after_widget' => '</aside>',
'before_title' => '<h3>',
'after_title' => '</h3>',
) );
register_sidebar( array(
'name' => 'Footer Sidebar 2',
'id' => 'footer-sidebar-2',
'description' => 'Questa widget apparirà nel footer 2',
'before_widget' => '<aside id="%1$s">',
'after_widget' => '</aside>',
'before_title' => '<h3>',
'after_title' => '</h3>',
) );
register_sidebar( array(
'name' => 'Footer Sidebar 3',
'id' => 'footer-sidebar-3',
'description' => 'Questo widget apparirà nel footer 3',
'before_widget' => '<aside id="%1$s">',
'after_widget' => '</aside>',
'before_title' => '<h3>',
'after_title' => '</h3>',
) );

Abbiamo così predisposto tre aree widget per il footer.

Passaggio 2

Adesso non ci resta che posizionare le nuove aree all’interno del footer. Per poterlo fare, dovremo inserire il seguente codice all’interno del file footer.php del template.

<div id="footer-sidebar">
<div id="footer-sidebar1">
<?php
if(is_active_sidebar('footer-sidebar-1')){
dynamic_sidebar('footer-sidebar-1');
}
?>
</div>
<div id="footer-sidebar2">
<?php
if(is_active_sidebar('footer-sidebar-2')){
dynamic_sidebar('footer-sidebar-2');
}
?>
</div>
<div id="footer-sidebar3">
<?php
if(is_active_sidebar('footer-sidebar-3')){
dynamic_sidebar('footer-sidebar-3');
}
?>
</div>
</div>

Adesso il nostro template può supportare l’inserimento dei widget nel footer.