Come creare widget personalizzato WordPress da codice

Come creare widget personalizzato WordPress da codice

1838
0
CONDIVIDI

Durante lo sviluppo di un tema WordPress, mi capita spesso di dover creare un widget personalizzato per aggiungere contenuti e caratteristiche specifiche al sito.

Esistono diversi plugin che fanno questo per noi, ma per piccole porzioni di codice è sempre meglio evitare installazioni che dipendono da aggiornamenti e bug fixing: meno plugins installiamo su WordPress, più sicuro e controllabile sarà il sito che stiamo costruendo.

Tutto ciò che è necessario fare per creare un widget personalizzato via codice è inserire il codice seguente nel file functions.php del tema WordPress:

<?php
function arphabet_widgets_init() {
   register_sidebar( array(
 	'name' => 'Home right sidebar',
 	'id' => 'home_right_1',
 	'before_widget' => '<div>',
 	'after_widget' => '</div>',
 	'before_title' => '<h2 class="rounded">',
 	'after_title' => '</h2>',
   ) );
}
 
add_action( 'widgets_init', 'arphabet_widgets_init' );
?>

Abbiamo predisposto il widget che sarà visibile e gestibile nell’area “Widget” di WordPress.

Per mostrare il contenuto dell’area che abbiamo creato è necessario inserire il codice seguente all’interno del tema, in un file qualsiasi (sidebar, index, archive, ecc…):

<?php if ( is_active_sidebar( 'home_right_1' ) ) : ?>
   <div id="primary-sidebar" class="primary-sidebar widget-area" role="complementary">
 	<?php dynamic_sidebar( 'home_right_1' ); ?>
   </div><!-- #primary-sidebar -->
<?php endif; ?>

Il Widget è pronto!

Recensioni
Data
Articolo
Come Creare Widget WordPress personalizzato
Voto
51star1star1star1star1star