Definire una nuova area widget in WP

HP Elitebook Folio, Notebook Pc portatile Pronto All'uso, Display 14", Intel Core i7, Ram 8GB, SSD 240GB, Win 10Pro, Pacchetto Libre Office (Ricondizionato)

(346)

4% Off 229,00 € 219,00 € (a partire da 16/02/2025 19:23 GMT +01:00 - Altre informazioniProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)

✅ Specifiche tecniche: Processore Intel Core i7-4600U 2.10 GHz (fino a 3.30 GHz in turbo boost / 2 Core 4 Thread) - Scheda Video Intel HD Graphics 4400 - Schermo LED da 14" Anti-Glare - Risoluzione HD... read more

Se state lavorando con WordPress e avete bisogno di definire una nuova area widget in una posizione non prevista dal vostro Template, quello che segue è esattamente l’articolo che stavate cercando.

Un’area Widget è una “posizione” nella pagina web prodotta da WP dove far comparire i più svariati contenuti come immagini, testo o qualsiasi altro risultato di un plugin che possa essere visualizzato in un’area Widget, appunto.

Tutti i temi di WordPress prevedono delle aree widget predefinite, di solito la colonna di destra o sinistra ( o magari entrambe ) e qualche posizione come la testa della pagina o il suo piè di pagina… se il vostro template non prevede un’area widget proprio nel punto in cui vi sarebbe utile, continuate a leggere e scoprirete che non è poi così complesso definirne di nuove nella posizione che più ci aggrada.

Ti presentiamo Amazon Fire TV Serie 2, Smart TV HD 720p, 32"

(135)

279,99 € (a partire da 16/02/2025 19:38 GMT +01:00 - Altre informazioniProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)

TV ad alta definizione: dai vita a film e serie TV in risoluzione HD 720p, con il supporto per HDR10, HLG e Dolby Digital Audio. Tutto l’intrattenimento in un unico posto: Fire TV ti consente di acced... read more

La definizione di una nuova area Widget prevede due passaggi ben definiti:

• Definizione di una nuova area Widget
• Inserimento della nuova area Widget nella posizione desiderata

Vediamo,anzitutto, come definire una nuova area Widget assegnandogli un nome …

Il primo passaggio è quello di entrare nella nostra pagina di amministrazione di WordPress ( con diritti di Amministratore ) e scegliere Aspetto->Editor

Da qui cerchiamo e facciamo click sul file Function.php

Si tratta del file utilizzato dal nostro sito WP ed in particolare dal tema grafico che abbiamo installato. All’interno di questo file cerchiamo ( possiamo farlo anche con CTRL + F in ambiente Windows ) register_sidebar…

Dovremmo trovare una porzione di codice molto simile a questa :

register_sidebar( array(
    ‘name’ => __( ‘Right Sidebar’, ‘Mio-Tema’ ),
    ‘id’ => ‘sidebar-1’,
‘description’ => __( ‘Shows widgets on right column.’, ‘Mio-Tema’ ),
    ‘before_widget’ => ‘<aside id=”%1$s” class=”widget %2$s”>’,
    ‘after_widget’ => ‘</aside>’,
    ‘before_title’ => ‘<h3 class=”widget-title”>’,
    ‘after_title’ => ‘</h3>’,
) );

Se il nostro template già prevede più di un’area Widget, ovviamente di blocchi di codice come quello riportato sopra, ne troveremo uno per ogni area widget già definita…

Non dobbiamo fare altro che copiare l’intero blocco ed incollarlo subito dopo e modificarne il nome ed, eventualmente, la classe CSS di appartenenza

ATTENZIONE !!!  – PRIMA DI EFFETTUARE MODIFICHE COPIATE ESATTAMENTE TUTTO IL CONTENUTO DEL FILE FUNCTION.PHP ( MAGARI SU UNA PAGINA VUOTA DEL BLOCCO NOTE ) O ANNOTATEVI CON PRECISIONE TUTTE LE MODIFICHE CHE EFFETTUATE.

Se sbagliate qualcosa o eliminate accidentalmente anche un solo carattere potreste compromettere il funzionamento del vostro sito.

Nel caso sopra riportato effettuerei la modifica in questo modo :

register_sidebar( array(
    ‘name’ => __( ‘Right Sidebar’, ‘Mio-Tema’ ),
    ‘id’ => ‘sidebar-1’,
‘description’ => __( ‘Shows widgets on right column.’, ‘Mio-Tema’ ),
    ‘before_widget’ => ‘<aside id=”%1$s” class=”widget %2$s”>’,
    ‘after_widget’ => ‘</aside>’,
    ‘before_title’ => ‘<h3 class=”widget-title”>’,
    ‘after_title’ => ‘</h3>’,
) );

DIVENTA…

register_sidebar( array(
    ‘name’ => __( ‘MiaAreaWidget‘, ‘Mio-Tema’ ),
    ‘id’ => ‘nuovoID‘,
‘description’ => __( ‘Mia descrizione ‘, ‘Mio-Tema’ ),
    ‘before_widget’ => ‘<aside id=”%1$s” class=”MiaClasseCSS“>’,
    ‘after_widget’ => ‘</aside>’,
    ‘before_title’ => ‘<h3 class=”widget-title”>’,
    ‘after_title’ => ‘</h3>’,
) );

Salvate le modifiche appena effettuate facendo click su aggiorna…

Se non avete comesso errori la vostra nuova area Widget è già definita e funzionante, per cui se vi recate su Aspetto->Widget

dovreste già trovare la nuova area Widget elencata fra quelle disponibili nel vostro tema

Ovviamente WordPress conosce la definizione dellìarea widget e sa ospitarvi dei componenti ( come plugin o altro )… ma non sa ancora dove visualizzare questa nuova area widget… questo sarà oggetto del prossimo articolo.

Dove visualizzare una nuova area Widget già definita

>Per dubbi o suggerimenti…ci scriviamo nei commenti!!!