Aggiungere un widget nel tema WordPress

Wordpress I widget sono una delle funzionalità più comode per aggiungere pezzi di contenuto al proprio sito WordPress. E sono facili da gestire per qualsiasi utente, cosa che non guasta.

Scopo di questo post è mostrare come aggiungere un widget a un tema figlio, derivato dal “classico” Twenty Twelve, nella zona dell’header.

Presuppongo che sappiate creare un tema figlio (questo comunque sarà il tema di un prossimo post). Aggiungete ora questo blocco di codice al vostro file functions.php che si trova nella directory del tema-figlio. Se il file non ci fosse, createlo.

//add a widget area in the header
if ( function_exists ('register_sidebar') )
register_sidebar( array(
  'name' => __( 'Header Widgets Area', 'twentytwelve' ),
  'id' => 'sidebar-header',
  'description' => __( 'Un widget per l\'area header del tema' ,  'twentytwelve' ),
  'before_widget' => '
', 'before_title' => '

', 'after_title' => '

', ) ); add_action( 'widgets_init', 'twentytwelve_widgets_init' );

A questo punto salvate il file e create il file sidebar-header.php sempre nella cartellina del tema figlio.
Il codice del file è questo:

 

Se vi spostate in “Aspetto” “Widget” ecco comparire magicamente il vostro nuovo widget, pronto per ospitare i vostri contenuti. Ma dove verranno posizionati?

Semplice: apriamo header.php (sempre nel tema figlio) e troviamo il punto in cui vogliamo far comparire i contenuti del nostro nuovo widget. Lì inseriremo questa riga di codice:

E’ tutto: buon WordPress!

Un commento su “Aggiungere un widget nel tema WordPress”

  1. Gent.mo,
    premetto di non avere grande dimestichezza col linguaggio PHP.
    volendo mettere il widget “cerca” nell’header a sinistra dove ora vi è il logo dell’azienda ho seguito quanto da lei espresso, tutto bene per i passi 1 e 2, non mi riesce invece di individuare la posizione corretta in cui posizionare la riga di codice nel header.php, inoltre la stessa mi rimane grigia come se fosse commentata.
    La ringrazio qualora potesse risolvermi il problema

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *