Definire una nuova area widget in WP

HP 302 F6U66AE Cartuccia Originale HP da 190 pagine, Compatibile con Stampanti HP Deskjet serie 1110, 2130, 3630, Envy serie 4520, Officejet serie 3830, 4650, 5220, e 5230, Nero

(196653)

9% Off 20,99 € 18,99 € (a partire da 23/04/2024 23:51 GMT +02: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.)

Ricevi l’inchiostro e risparmia con HP Instant ink: la stampante monitora i livelli di inchiostro, così riceverai le cartucce a casa ancora prima che tu rimanga senza COMPATIBILITA' STAMPANTI: HP Desk... 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.

INIU Power Bank, 10000mAh Ultra Sottile & Leggero Ricarica Rapida Powerbank, Caricatore Portatile Porta per iPhone 15 14 13 12 Pro Max Mini Plus Samsung Huawei iPad Pro etc

(51696)

33% Off 29,99 € 19,99 € (a partire da 23/04/2024 21:15 GMT +02: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.)

✅【Da INIU-il SAFE Fast Charge Pro】Sperimentate la ricarica più sicura con oltre 38 milioni di utenti in tutto il mondo. INIU utilizza solo materiali di altissima qualità, per cui è in grado di fornire... 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!!!