Parliamo del progetto
Wordpress Backoffice Front

WordPress: Aggiungere una nuova area widget a un tema WordPress

Se voi êsei familiare con i thèi miei WordPress, sapete che molti thèi miei hanno una barra lateraleérale widgetisée. Ciò significa che puoi aggiungere, rimuovere e réorganizzare i widget sul tuo sito Web Wor...

WordPress: Aggiungere una nuova area widget a un tema WordPress

Se voi êsei familiare con i thèi miei WordPress, sapete che molti thèi miei hanno una barra lateraleérale widgetisée. Ciò significa che puoi aggiungere, rimuovere e réorganizzare i widget sul tuo sito Web WordPress utilizzando la sezione «widget» del tuo cruscotto WordPress.

Avere una barra lateraleérale widgetisée est trèè utile ma voi vorrete forseêtre éanche widgetizzare d’altre parti della vostra thème WordPress. C’è trèè facile à fare, e una volta che il vostro thèmi è stato modificatoé, sarà semplice per voi, o l’amministratore WordPress, di réorganizzare questa zona di contenuto dinamico.

Aggiungeremo una zona widget nel nostro template principale e faremo in modo che questa zona s’visualizza solo a pagina di’accoglienza.

In primo luogo, si aggiunge in l’index.php del nostro thème l’chiamata del nostro template della barra laterale.

if(is_front_page()){
		   get_sidebar('widget-homepage');
}

Su vérifie se siamo nella nostra pagina d’home, e chiamiamo la nostra barra laterale che l’è chiamato « widget-homepage ».

Su créé poi un file template per il nostro widget. Deve être à la radice del vostro thème e chiamarsi « barra-laterale-{widget-id} » (ici l’ID del nostro widget c’è « widget-homepage »).
In questo file si fa riferimento à la funzione WordPress « barra_laterale_dinamica » qui créée la nostra zona.

Ecco il contenuto del nostro file sidebar-widget-homepage.php

 <?php dynamic_sidebar( 'widget-homepage' ); ?>

Né più né meno.

Dobbiamo poi dire à WordPress come va questa zona être gérée. E accessoriamente, dirgli che’lei esiste.
Nel nostro file functions.php aggiungeremo questo:

function add_widget_area($id, $name, $description) {
        register_sidebar([
            'name'          => __( $name ),
            'id'            => $id,
            'description'   => $description,
            'class'        => '',
    		'description'   => esc_html__( 'Add widgets here.', 'partitech' ),
    		'before_widget' => '<section id="%1$s" class="widget %2$s">',
    		'after_widget'  => '</section>',
    		'before_title'  => '<h2 class="np-block-title">',
    		'after_title'   => '</h2>',
        ]
        );
  
}

add_widget_area('widget-homepage', 'Homepage widget zone', 'zone widget homepage');

Vi basta quindi di’andare nel gestore dei widget del tuo thème ou di WordPress e di’aggiungere i widget che desiderate.

Selection_361
Gestione d’una zona widget nel tema

Riprodurre questa personalizzazione oggi

Il principio del hook rimane utile, ma gli schermi di amministrazione e le API di WordPress sono evoluti dalla pubblicazione. Testa il codice in un ambiente di prova con la versione esatta del core, del tema e dei plugin del sito.

  • Salvate i file e il database prima di qualsiasi modifica.
  • Controllate le capacità degli utenti, i nonce, la convalida degli input e l'escape degli output.
  • Posizionate la personalizzazione in un'estensione dedicata o in un tema child per preservare gli aggiornamenti.

Riferimento : manuale ufficiale di sviluppo delle estensioni WordPress.

Condividi questo articolo