I widget sono una parte così integrante dei temi di WordPress che è difficile immaginare un tema WordPress senza widget. I widget sono script eseguibili che puoi semplicemente trascinare e rilasciare nelle barre laterali o in qualsiasi altra area pronta per i widget nel tuo tema. Molti dei nostri lettori utilizzano i widget per aggiungere elementi personalizzati alla loro barra laterale. Tuttavia, questo articolo è per quegli utenti curiosi che vogliono imparare come aggiungere barre laterali pronte per i widget dinamici o aree pronte per i widget nei temi di WordPress.
Registrazione di barre laterali o aree pronte per i widget in WordPress
La prima cosa che devi fare è registrare la barra laterale o l’area pronta per il widget per il tuo tema. Puoi registrare più barre laterali e aree pronte per i widget. Copia e incolla questo codice nel file functions.php del tuo tema
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
|
function wpb_widgets_init() { register_sidebar( array( 'name' => __( 'Main Sidebar', 'wpb' ), 'id' => 'sidebar-1', 'description' => __( 'The main sidebar appears on the right on each page except the front page template', 'wpb' ), 'before_widget' => '<aside id="%1$s" class="widget %2$s">', 'after_widget' => '</aside>', 'before_title' => '<h3 class="widget-title">', 'after_title' => '</h3>', ) ); register_sidebar( array( 'name' =>__( 'Front page sidebar', 'wpb'), 'id' => 'sidebar-2', 'description' => __( 'Appears on the static front page template', 'wpb' ), 'before_widget' => '<aside id="%1$s" class="widget %2$s">', 'after_widget' => '</aside>', 'before_title' => '<h3 class="widget-title">', 'after_title' => '</h3>', ) ); }add_action( 'widgets_init', 'wpb_widgets_init' ); |
In questo codice abbiamo registrato due barre laterali. Abbiamo dato loro nomi e descrizioni per identificarli nella schermata dei widget. Il parametro description può essere utilizzato per indicare agli utenti dove appare questa barra laterale nel tema. Il wpb è il nome del tema su cui stiamo lavorando, è usato qui per rendere traducibili queste stringhe. Dovresti sostituirlo con il nome del tuo tema.
Ricordiamo che per fare queste operazioni è sempre valido il consiglio di usare un tema child per wordpress e non eseguire l’operazione sul tema principale.
Aggiunta di barre laterali pronte per i widget dinamici nei file dei temi di WordPress
Finora abbiamo registrato solo le barre laterali dinamiche. Gli utenti possono trascinare e rilasciare i widget in queste barre laterali dalla schermata Aspetto »Widget . Tuttavia, queste barre laterali non verranno visualizzate sul tuo sito fino a quando non verranno richiamate in un modello come sidebar.phpo in qualsiasi altro luogo in cui desideri visualizzarle. Per aggiungere queste aree widget, modifica il file modello in cui desideri visualizzarle e incolla questo codice:
|
1
2
3
4
5
|
<?php if ( is_active_sidebar( 'sidebar-1' ) ) : ?> <div id="secondary" class="widget-area" role="complementary"> <?php dynamic_sidebar( 'sidebar-1' ); ?> </div><?php endif; ?> |
In questo codice di esempio, abbiamo utilizzato l’id della barra laterale per chiamare la barra laterale che vogliamo visualizzare qui. Modifica l’ID della barra laterale per visualizzare un’altra barra laterale. Ad esempio, puoi registrare tre barre laterali per l’area del piè di pagina e poi chiamarle una per una nel footer.phpmodello del tuo tema.
I widget possono essere molto potenti. Puoi aggiungere widget ai tuoi post e al contenuto della pagina , rendere colorati i tuoi widget di testo o estendere la potenza dei widget predefiniti di WordPress.
Le barre laterali pronte per i widget posizionate correttamente consentono agli utenti di aggiungere elementi personalizzati ai loro siti Web utilizzando una semplice interfaccia di trascinamento della selezione.
Ci auguriamo che questo articolo ti abbia aiutato a imparare come aggiungere barre laterali pronte per i widget dinamici in WordPress. Ti consigliamo di studiare il codice in framework tematici come Genesis per scoprire come i professionisti lo utilizzano nei loro prodotti. Per domande e feedback si prega di lasciare un commento qui sotto.