Per prima cosa, iniziamo a identificare cosa si intende per widget WordPress.<\/p>\n
Cosa Sono i Widget WordPress?<\/h2>\n
In WordPress, i widget sono snippet di contenuti che vivono al di fuori del flusso della pagina o del contenuto dei post.<\/p>\n
I widget contengono informazioni, elementi di navigazione o media separati da un singolo post o pagina. Nella maggior parte dei casi, ogni widget viene visualizzato su ogni pagina del sito, ma \u00e8 anche possibile registrare aree di widget per pagine specifiche come la homepage.<\/p>\n
Per aggiungere un widget al vostro sito, \u00e8 necessario aggiungerlo a un’area widget. Le aree widget sono create dal vostro tema perch\u00e9 si riferiscono al design e al layout del vostro sito e non alla funzionalit\u00e0.<\/p>\n
La maggior parte dei temi di WordPress<\/a> hanno aree widget nella barra laterale e nel footer, anche se alcuni avranno pi\u00f9 aree di widget in diversi posti, ad esempio sotto o sopra il contenuto o nell’intestazione.<\/p>\n La schermata qui sotto, presa da uno dei miei siti, mostra i widget nella barra laterale e nel footer.<\/p>\n WordPress include gi\u00e0 una serie di widget precaricati che si possono utilizzare senza dover installare alcun plugin<\/a> o scrivere codice. Ma \u00e8 anche possibile aggiungere molti altri widget installando plugin o programmando il proprio.<\/p>\n Questi possono coprire una vasta gamma di tipi di contenuti, come i media, i feed dei social media, la navigazione, la ricerca, le mappe e molto altro ancora. Sono davvero poche le cose che vorreste vedere sul vostro sito e per le quali non si riesca a trovare un widget. In realt\u00e0, la sfida pi\u00f9 grande \u00e8 spesso scegliere tra tutte le opzioni e non esagerare.<\/p>\n Dovreste usare un widget ogni volta che volete aggiungere contenuti extra ad una o pi\u00f9 pagine del vostro sito (e quando dico pagina, includo post, archivi ecc.), ma questi non fanno parte del contenuto di quella pagina. Sono particolarmente utili per i contenuti che volete mostrare in ogni pagina del sito, come ad esempio un elenco dei vostroi ultimi post, un carrello della spesa<\/a>, o un pulsante di call to action.<\/p>\n Pensate a quanti utenti avranno bisogno di accedere a ciascun widget e a quanto sia importante la posizione in cui lo volete mettere. I widget nella barra laterale<\/a> saranno pi\u00f9 prominenti di quelli nel footer, che alcuni utenti potrebbero anche non vedere.<\/p>\n Quindi un widget per i post pi\u00f9 recenti o un widget per la call to action potrebbe vedersi meglio nella barra laterale, dove le persone hanno pi\u00f9 possibilit\u00e0 di interagire, mentre un feed dei social media potrebbe andare tranquillamento nel footer.<\/p>\n Se il vostro tema ha anche aree di widget speciali per la homepage, potreste volerli utilizzare per la navigazione nelle varie sezioni del vostro sito, per gli elenchi di contenuti rilevanti o in formato media come un video di benvenuto al sito.<\/p>\n Il modo migliore per comprendere le possibilit\u00e0 offerte dai widget di WordPress \u00e8 quello di vedere alcuni esempi. Diamo un’occhiata a undici tipi di widget che vedrete spesso sui siti WordPress.<\/p>\n Il widget Recent Posts \u00e8 forse il pi\u00f9 usato nei blog.<\/p>\n Permette di visualizzare un elenco dei vostri post pi\u00f9 recenti nella barra laterale o nel footer di ogni pagina del vostro sito, aumentando la possibilit\u00e0 che la gente navighi nel sito e legga un certo numero di post.<\/p>\n Il widget Recent Posts \u00e8 preinstallato in WordPress. Permette di impostare il numero di articoli che desiderate mostrare e l’intestazione da dare al widget.<\/p>\n Se desiderate aggiungere funzionalit\u00e0 extra, potete installare un plugin per un widget alternativo come WordPress Popular Posts<\/a>, che visualizza i contenuti pi\u00f9 popolari. In alternativa, il widget Advanced Random Posts<\/a> si aggiorna ogni volta che l’utente visita una nuova schermata.<\/p>\n Volete mostrare ai visitatori quanto sia vivace il vostro sito e quanto il vostro pubblico interagisca con i vostri contenuti?<\/p>\n Il widget Recent Comments (commenti recenti) mostra gli ultimi commenti sul vostro sito, dando ai visitatori l’opportunit\u00e0 di navigare direttamente verso quei commenti e partecipare alla discussione.<\/p>\n Il widget Recent Comments \u00e8 gi\u00e0 incluso in WordPress. Anche in questo caso, se desiderate aggiungere funzionalit\u00e0 aggiuntive potete installare un plugin per i commenti<\/a> di terze parti, come il widget WP Social Comments<\/a>, che consente alle persone di commentare utilizzando il proprio account Facebook: ottimo per l\u2019engagement sui social media.<\/p>\n Un grande uso di un widget \u00e8 quello di incoraggiare le persone a effettuare un\u2019azione sulla pagina, e lo si pu\u00f2 fare grazie a un widget “call to action”.<\/p>\n Il vostro widget pu\u00f2 essere un semplice pulsante, oppure potete creare qualcosa di pi\u00f9 personalizzato utilizzando un widget di testo o un widget HTML, o anche un widget immagine: tutti sono preinstallati su WordPress.<\/p>\n Su uno dei miei siti ho creato un widget call to action che incoraggia le persone ad iscriversi alla mia mailing list. Questo usa il widget HTML integrato in cui ho incluso un’immagine, del testo e un pulsante che ho codificato in HTML.<\/p>\n Potete anche usare i widget per incoraggiare le persone a navigare nel vostro sito.<\/p>\n Ci sono alcune opzioni per questo: i widget Categories, il widget Tag Cloud e il Navigation Menu.<\/p>\n Il widget Navigation Menu consente di creare un menu di navigazione personalizzato<\/a> e il menu di navigazione principale del vostro sito, per poi aggiungerlo a un’area del widget.<\/p>\n Potete anche aggiungere il vostro menu di navigazione principale a un’area di widget, anche se questo funzioner\u00e0 solo se avete un piccolo menu di navigazione.<\/p>\n L’aggiunta di un menu di navigazione nel footer del vostro sito incoragger\u00e0 le persone che raggiungono la fine di un post a navigare nel vostro sito. \u00c8 particolarmente utile per gli utenti di telefonia mobile che potrebbero dover scorrere molto per tornare al menu di navigazione principale<\/a> dopo aver raggiunto la fine di un post.<\/p>\n In alternativa, \u00e8 possibile utilizzare il widget integrato Categories per visualizzare un elenco delle categorie del vostro sito, oppure il widget Tag Cloud per facilitare l’accesso agli archivi dei tag.<\/p>\n L’aggiunta di media<\/a> alla vostra barra laterale o al vostro footer dar\u00e0 vita al vostro sito e agli utenti qualcosa da guardare o con cui interagire.<\/p>\n Potete usare il widget integrato Image per visualizzare qualsiasi immagine nella vostra barra laterale o nel vostro footer, trasformando anche quell’immagine in un link.<\/p>\n In alternativa, il widget Video vi permette di trasmettere video in streaming da YouTube o Vimeo direttamente nell’area widget del vostro sito. Questo \u00e8 particolarmente utile se il vostro sito dispone di aree widget speciali per la homepage, ma pu\u00f2 anche essere utile nel footer per attirare l’attenzione delle persone quando arrivano alla fine di un post.<\/p>\n Se volete coinvolgere le persone che visitano il vostro sito web tramite i social media, aggiungendo il vostro feed dei social media alla barra laterale o al footer del vostro sito, mostrerete alle persone che siete attivi sui social media e le incoraggerete a mettere un like o a seguirvi.<\/p>\n Un modo per accedere ai widget dei social media per le pi\u00f9 grandi piattaforme (Facebook, Twitter, Instagram) \u00e8 installare il plugin Jetpack<\/a>, che include tutti questi e molti altri.<\/p>\n In alternativa, tutte le piattaforme dei social media hanno i propri plugin, disponibili gratuitamente tramite la directory dei plugin. \u00c8 anche possibile trovare plugin di terze parti<\/a> che consentono di personalizzare il modo in cui si visualizza il feed dei social media.<\/p>\n Se state gestendo un negozio di ecommerce<\/a> sul vostro sito usando un plugin come WooCommerce<\/a>, \u00e8 una buona idea includere un widget per il carrello in modo che gli utenti possano facilmente navigare verso il loro carrello ovunque si trovino nel negozio.<\/p>\n Potreste inserirlo nella barra laterale dove le persone potranno facilmente vederlo, o nell’intestazione per una maggiore visibilit\u00e0, sempre che il vostro tema includa un’area widget.<\/p>\n I plugin di ecommerce<\/a> come WooCommerce includono i widget del carrello della spesa e altri widget di ecommerce come parte del plugin: una volta che avete aggiunto l’ecommerce al vostro sito, li troverete automaticamente aggiunti alla schermata Widgets<\/strong>.<\/p>\n Se volete che le persone vi contattino, facciano domande o si iscrivano a una mailing list<\/a>, potete aggiungere un modulo di contatto alla vostra barra laterale.<\/p>\n Non c’\u00e8 un widget per i moduli incluso in WordPress, ma potete usare dei plugin per questo, come Contact Form 7<\/a> gratuito o i Gravity Forms<\/a> premium (che sono molto pi\u00f9 potenti).<\/p>\n Se la vostra azienda ha sede in un luogo fisico e volete che le persone siano in grado di trovarvi facilmente, l’aggiunta di un widget per le mappe al vostro sito vi aiuter\u00e0.<\/p>\n Ci sono diversi plugin gratuiti per i widget di Google Maps<\/a> che potete utilizzare, come WP Google Maps<\/a>.<\/p>\n In alternativa, se non volete installare un plugin, potete prendere il codice embed da Google Maps e aggiungerlo<\/a> a un widget HTML.<\/p>\n Se state gestendo un sito di affiliazione<\/a>, un widget per il login far\u00e0 s\u00ec che le persone accedano al vostro sito<\/a> senza dover andare in una pagina di login separata.<\/p>\n Il Meta widget che viene fornito con WordPress include un link di login, ma anche altre cose che potreste non volere, quindi vi consiglio di usare un plugin separato per questo, scaricandolo dalla directory dei plugin.<\/p>\n Il widget Login with Ajax<\/a> include un modulo di login nel vostro widget, il che significa che le persone possono accedere al vostro sito da qualsiasi pagina.<\/p>\n Un widget davvero semplice ma incredibilmente utile \u00e8 il widget di ricerca<\/a>, gi\u00e0 precaricato su WordPress.<\/p>\n Aggiungetelo alla vostra barra laterale o all’intestazione e renderete pi\u00f9 facile per le persone trovare le cose sul vostro sito.<\/p>\n Se volete aumentare la potenza del vostro widget di ricerca, potete installare il widget gratuito WP Google Search<\/a>, che utilizza la ricerca Google.<\/p>\n Una volta deciso di che tipo di widget avete bisogno per il vostro sito WordPress, \u00e8 il momento di installarli.<\/p>\n Non siate tentati di aggiungerne troppi. Pi\u00f9 ce ne sono, meno \u00e8 probabile che gli utenti li notino. Concentratevi invece su due o tre widget chiave per la barra laterale. Potete aggiungerne altri nel footer, dove sono comunque meno importanti.<\/p>\n E se avete delle aree widget extra nel vostro tema<\/a>, decidete quali widget inserire. Assicuratevi che si adattino al layout e al design del vostro sito<\/a>.<\/p>\n Ci sono tre modi per aggiungere widget:<\/p>\n C’\u00e8 una vasta gamma di widget disponibili, per cui pu\u00f2 essere difficile scegliere quale installare. Diamo un’occhiata alle opzioni e poi esaminiamo come potreste scegliere quella migliore per voi.<\/p>\n Se uno dei widget preinstallati fa ci\u00f2 di cui avete bisogno, allora usatelo. Non solo vi far\u00e0 risparmiare tempo ma ridurr\u00e0 anche il codice in esecuzione sul vostro sito.<\/p>\n I widget preinstallati sono:<\/p>\n La directory dei plugin di WordPress contiene migliaia di plugin gratuiti per i widget che amplieranno la vostra scelta.<\/p>\n Oltre a questo, molti altri plugin includono anche widget; pensate a certi plugin per l’ecommerce che forniscono un widget per il carrello e altre funzionalit\u00e0<\/a>.<\/p>\n Se nella directory dei plugin non trovate quello di cui avete bisogno, potreste decidere di installare un plugin premium. A volte questi offriranno pi\u00f9 funzioni o un’interfaccia pi\u00f9 intuitiva. Altre volte troverete le stesse caratteristiche in un plugin gratuito, quindi fate una buona ricerca nella directory dei plugin prima di optare per la soluzione a pagamento.<\/p>\n Per trovare il widget WordPress adatto a voi, seguite questi consigli:<\/p>\n Qualunque sia il widget che sceglierete, dovetei testarlo per verificare che funzioni come volete. Se state acquistando un plugin premium, vi consiglio di acquistarne uno con garanzia di rimborso o un periodo di prova gratuito nel caso in cui non sia adatto a voi.<\/p>\n Ora che avete scelto il vostro widget, \u00e8 il momento di aggiungerlo al vostro sito.<\/p>\n Potete aggiungere widget a qualsiasi area widget attiva fornita dal vostro tema. Se il vostro tema non ha un’area widget nella posizione desiderata, provate a cercare un tema alternativo<\/a>.<\/p>\n Pi\u00f9 avanti in questo post vi mostrer\u00f2 come codificare la vostra area widget.<\/p>\n Ci sono due modi per aggiungere widget al vostro sito:<\/p>\n Vi mostrer\u00f2 a breve come usare entrambi i metodi, ma prima di tutto diamo un’occhiata alle aree dei widget e a come vengono inclusi nel tema.<\/p>\n A seconda del tema di WordPress<\/a> che state usando, potreste trovare aree di widget in posizioni diverse.<\/p>\n La maggior parte dei temi hanno aree widget nella barra laterale e nel pi\u00e8 di pagina. Ma alcuni li hanno anche in altri posti, come sotto o sopra il contenuto o nell’intestazione.<\/p>\n Se andate alla schermata delle impostazioni dei widget nell’amministrazione di WordPress<\/a>, potrete vedere tutte le aree dei widget nel vostro tema.<\/p>\n Io uso un tema con pi\u00f9 aree di widget. Potete vedere nella schermata sottostante che ci sono aree di widget sopra e sotto il contenuto, nell’intestazione, sotto il footer principale.<\/p>\n Se desiderate aggiungere widget in altri luoghi del sito, ha senso trovare un tema che abbia pi\u00f9 aree di widget. Il modo migliore per farlo \u00e8 quello di utilizzare un tema framework<\/a>.<\/p>\n Un buon esempio di un widget in un punto del vostro tema che non \u00e8 la barra laterale o il footer \u00e8 quello di aggiungere una barra di ricerca nell’intestazione come ho fatto su uno dei miei siti web.<\/p>\n Le aree del widget sono codificate nei file dei template dei temi, cos\u00ec come il file delle funzioni dei temi.<\/p>\n Qui potete vedere il codice che ho usato nel mio file delle funzioni del tema per aggiungere un’area di widget che andr\u00e0 nell’intestazione.<\/p>\n Ed ecco il codice nel mio file header.php che aggiunge quell’area di widget al posto giusto nel tema.<\/p>\n Se desiderate aggiungere ulteriori aree di widget nel tema, dovrete usare lo stesso tipo di codice. Pi\u00f9 tardi nel corso di questo post vi mostrer\u00f2 come farlo.<\/p>\n Non dimenticate che se il vostro tema non ha tutte le aree di widget che vorreste, potete sempre fare una di queste due cose:<\/p>\n Una volta che avrete aree di widget in tutte le posizioni desiderate del vostro tema, potete iniziare ad aggiungere dei widget.<\/p>\n Ci sono due modi per aggiungere widget al vostro sito WordPress. Il primo \u00e8 quello di utilizzare la schermata Widget nell’amministrazione di WordPress.<\/p>\n Fate clic su Appearance > Widget<\/strong> e vedrete la schermata dei widget.<\/p>\n Per aggiungere un widget si possono fare due cose:<\/p>\n Potrebbe essere necessario modificare il punto in cui il widget \u00e8 posizionato all’interno dell’area del widget.<\/p>\n Potete aggiungere tutti i widget che desiderate a ciascuna area di widget, ma senza esagerare. Potete trascinarli all’interno dell’area dei widget per ottenere il giusto ordine. Potete anche trascinarli da un’area di widget all’altra se decidete che non vi piace il loro aspetto.<\/p>\n Potete anche usare la tastiera per aggiungere widget usando la schermata Widget, cos\u00ec se non avete accesso a un mouse potete comunque lavorare senza problemi.<\/p>\n Se non potete usare un mouse, la schermata Widget \u00e8 accessibile da tastiera.<\/p>\n Per prima cosa, mettete lo schermo in modalit\u00e0 accessibilit\u00e0 facendo clic sul link Enable accessibility mode<\/strong> in alto a destra dello schermo.<\/p>\n Lo schermo cambier\u00e0 per riflettere il fatto che siete in modalit\u00e0 di accessibilit\u00e0.<\/p>\n \u00c8 quindi possibile navigare tra gli elementi dello schermo utilizzando il tasto Tab<\/strong> della tastiera e premere Invio per selezionare un elemento e agire su di esso. \u00c8 possibile sia tabulare su un widget, premere Return<\/strong> sul link Add<\/strong> e poi scegliere dove desiderate aggiungerlo oppure tabulare nell’area del widget e premere Return<\/strong> sul link Edit<\/strong>.<\/p>\n Utilizzare il Customizer per aggiungere widget al posto della schermata dei widget significa che potete vedere i vostri widget mentre li aggiungete. In questo modo \u00e8 pi\u00f9 facile vedere l’aspetto dei widget e spostarli tra le aree dei widget, se lo desiderate.<\/p>\n Nel menu di amministrazione, fate clic su Appearance > Customize<\/strong>. In alternativa, dalla barra di amministrazione nella parte superiore dello schermo del sito live (supponendo di aver effettuato l’accesso), basta fare clic su Customize. Questo aprir\u00e0 il Customizer<\/strong>.<\/p>\n Ora fate clic sull’opzione Widget<\/strong> e vedrete un elenco di tutte le aree dei widget nel vostro tema. Fate clic sull’area dei widget in cui volete aggiungere un widget e poi sul pulsante Add a widget.<\/strong><\/p>\n In questo modo otterrete un elenco di tutti i widget disponibili per il vostro sito. Questo include tutti i widget incorporati in WordPress pi\u00f9 eventuali widget che avete aggiunto tramite i plugin.<\/p>\n Scegliete il widget che volete aggiungere a quell’area di widget e lo vedrete nella schermata di anteprima sul lato destro.<\/p>\n Potete riordinare i widget trascinandoli su e gi\u00f9 sul lato sinistro o facendo clic sul link Reorder<\/strong> sotto l’elenco dei widget e poi facendo clic sulle frecce per spostarli su e gi\u00f9.<\/p>\n Una volta terminata l’aggiunta di widget tramite il Customizer non dimenticate di fare clic sul pulsante Publish<\/strong> in alto a sinistra in modo da salvare le vostre modifiche. Se lasciate il Customizer senza farlo, non vedrete nessuna delle vostre modifiche sul sito live.<\/p>\n Una volta aggiunti i vostri widget, date un’occhiata e controllate come si adattano al design della vostra pagina. Se avete aggiunto troppe aree di widget, le cose potrebbero sembrare un po’ disordinate. Sar\u00e0 necessario rimuoverne alcuni o spostarli da un’area di widget all’altra.<\/p>\n \u00c8 davvero facile farlo nella schermata Widget, dove potete trascinare i widget tra le aree dei widget.<\/p>\n Alcuni temi includono aree di widget che sono solo per pagine specifiche, come la homepage. Ma cosa succede se volete aggiungere un widget a una sola pagina del vostro sito?<\/p>\n Potete farlo nel post e nell’editor di pagine di Gutenberg<\/a>.<\/p>\n Aggiungete un nuovo blocco nel modo consueto e poi selezionate il tipo di blocco Widgets<\/strong>.<\/p>\n Potete quindi scegliere tra molti dei widget che avete abilitato per il vostro sito e aggiungerlo al contenuto del vostro post o della vostra pagina. \u00c8 davvero utile se volete aggiungere un widget per il modulo, un widget per la call to action o un elenco dei vostri ultimi post.<\/p>\n Una volta aggiunti i widget al vostro sito, potete modificarli. I singoli widget avranno delle impostazioni a cui accedere tramite la schermata Widget o il Customizer (non importa quale di questi metodi avete usato per aggiungere il widget).<\/p>\n Alcuni widget non includono alcuna impostazione, ma altri ad esempio includono quella per il titolo del widget o per il numero di post visualizzati. Alcuni sono pi\u00f9 complicati e richiedono l’impostazione del widget in una pagina di impostazioni separata. Controllate la documentazione di chi sviluppa il vostro plugin.<\/p>\n Le opzioni di cui disponete per la modifica dei plugin dei widget includono:<\/p>\n Per modificare le impostazioni del widget, cercatelo nella schermata dei widget o nel Customizer e modificate semplicemente le opzioni fornite.<\/p>\n Per spostare il widget da un’area all’altra, aprite la schermata dei widget e trascinatela da un’area all’altra. In modalit\u00e0 di accessibilit\u00e0, spostatevi sulla freccia a destra del widget e selezionate una delle opzioni.<\/p>\n Per eliminare un widget nella schermata Widget, cercate quello che vi interessa e fate clic sul link di rimozione in basso a sinistra della casella di impostazione dei widget.<\/p>\n Per eliminare un widget nel Customizer, cercate il widget nell\u2019area apposita. Fate clic sulla freccia a destra del nome del widget e poi sul link Remove<\/strong> in basso a sinistra delle impostazioni del widget.<\/p>\n \u00c8 anche possibile rimuovere un widget da un’area di widget, ma renderlo comunque disponibile per l’uso in un secondo momento attraverso la schermata Widget.<\/p>\n Scorrere fino all’area Inactive Widgets<\/strong> verso il basso dello schermo. Trascinate i widget in quest’area per rimuoverli dall’area dei widget, ma manteneteli come bozze con le loro impostazioni correnti. Se in futuro doveste cambiare idea, potete sempre trascinarli di nuovo in un’area widget.<\/p>\n Se cambiate tema<\/a> e questo include diverse aree di widget, qualsiasi widget che non rientri nelle aree di widget del nuovo tema verr\u00e0 automaticamente spostato nell’elenco dei widget inattivi.<\/p>\n Se il vostro tema non ha aree di widget nella posizione desiderata, potete sempre aggiungere il vostro. Per farlo aggiungete due snippet di codice.<\/p>\n Aggiungiamo un’area widget sotto il contenuto.<\/p>\n Il primo passo \u00e8 quello di impostare l’area dei widget utilizzando la funzione Se utilizzate un tema WordPress di terze parti (ecco una selezione dei migliori)<\/a>, dovete creare prima di tutto un tema child. Il motivo \u00e8 che se aggiornate il tema<\/a> in futuro, tutte le modifiche andranno perse.<\/p>\n Se lavorate con il vostro tema personalizzato, potete semplicemente modificarlo.<\/p>\n Iniziate aprendo il file functions.php<\/strong> del vostro tema. In fondo al file, aggiungete questo codice.<\/p>\n Ora salvate il file functions.php. Se andate alla vostra schermata Widgets o al Customizer, troverete la nuova area widget pronta per l\u2019aggiunta del widget.<\/p>\n Ma se lo fate, in realt\u00e0 non appariranno sulla pagina. Questo perch\u00e9 \u00e8 necessario aggiungere del codice al file di template del tema.<\/p>\n La prima cosa da fare \u00e8 scoprire quale file template di tema \u00e8 necessario utilizzare.<\/p>\n Una volta identificato il file di template da modificare e dove inserire il codice per l’area dei widget, aggiungete il seguente snippet. Nel caso di un’area widget dopo il contenuto, lo aggiungiamo ai file post.php<\/strong> e page.php<\/strong> nel nostro tema:<\/p>\n Ora salvate il vostro o i vostri file modello.<\/p>\n Ora salvate il vostro o i vostri file template.<\/p>\n Notate che il vostro codice sar\u00e0 diverso dal mio a seconda di come avete chiamato la vostra area di widget e di quali elementi volete inserirvi. Generalmente uso un elemento aside<\/strong> perch\u00e9 secondo me sono progettati per le barre laterali e le aree dei widget.<\/p>\n Suggerimento pro<\/strong>: Se spostate la fine del vostro elemento contenitore per il contenuto all’inizio della barra laterale e\/o del file nel footer, allora potete aggiungerlo l\u00ec e vi baster\u00e0 farlo una sola volta.<\/p>\n Ora, se date un’occhiata al vostro sito, scoprirete che tutti i widget che avete aggiunto alle vostre aree di widget appariranno nel posto giusto. Se non sono nel posto giusto, tornate indietro e modificate i vostri file di template, assicurandovi che il codice sia nel punto in cui lo desiderate. Potreste anche aver bisogno di modificare il vostro CSS<\/a> per ottenere l’aspetto che volete.<\/p>\n Cos\u00ec ora sapete come scegliere i widget per il vostro sito, come aggiungerli al vostro sito e come registrare nuove barre laterali o aree per i widget. Il passo successivo \u00e8 imparare a creare un widget WordPress.<\/p>\n A volte, potreste scoprire che non c’\u00e8 un plugin disponibile per creare un widget uguale a quello che volete sul vostro sito. Questo significa che dovrete codificarlo voi stessi.<\/p>\n In questo esempio, vi mostrer\u00f2 come codificare un widget di call to action molto semplice.<\/p>\n Panoramica delle API dei Widget<\/strong><\/p>\n![\"Aree](\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/02\/aree-di-widget-nel-mio-sito.jpg\")
Quando Usare i Widget WordPress<\/h2>\n
11 Esempi di Widget in WordPress<\/h2>\n
1. Recent Posts<\/h3>\n
![\"Widget](\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/02\/widget-dei-messaggi-recenti.jpg\")
2. Recent Comments<\/h3>\n
![\"Widget](\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/02\/commenti-recenti-widget.jpg\")
3. Call To Action<\/h3>\n
![\"Widget](\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/02\/widget-di-call-to-action-sul-mio-sito.jpg\")
4. Widget di Navigazione<\/h3>\n
![\"Widget](\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/02\/widget-del-menu-di-navigazione.jpg\")
5. Media<\/h3>\n
![\"Widget](\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/02\/image-widget.jpg\")
6. Social Media<\/h3>\n
![\"Plugin](\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/02\/Jetpack-plugin.jpg\")
7. Carrello<\/h3>\n
![\"Widget](\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/02\/carello-widget.jpg\")
8. Widget di Contatto<\/h3>\n
9. Widget Mappa<\/strong><\/h3>\n
![\"Plugin](\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/02\/wp-google-maps-plugin.jpg\")
10. Widget di Accesso<\/strong><\/h3>\n
![\"Plugin](\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/02\/login-con-ajax-widget.jpg\")
11. Widget di Ricerca<\/h3>\n
![\"Widget](\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/02\/ricerca-widget.jpg\")
Come Aggiungere Widget al Vostro Sito WordPress<\/h2>\n
\n
Trovare i Widget Per il Vostro Sito WordPress<\/h3>\n
Widget Preinstallati in WordPress<\/h4>\n
![\"Widget](\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/02\/widget-wordpress-preinstallati.jpg\")
\n
Aggiunta di Widget Con un Plugin<\/strong><\/h3>\n
Come Trovare il Widget Giusto per il Vostro Sito<\/h4>\n
\n
Come Aggiungere Widget alla Barra Laterale e al Footer in WordPress<\/h3>\n
\n
![\"Widget](\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/02\/widget-nel-customizer.jpg\")
I Widget Non Sono Solo Per la Sidebar<\/h4>\n
![\"Schermata](\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/02\/schermata-di-impostazione-dei-widget.jpg\")
![\"Barra](\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/02\/barra-di-ricerca-nell-intestazione.jpg\")
Aree e Temi del Widget<\/h4>\n
register_sidebar( array(\n 'name' => __( 'In Header Widget Area', 'rmccollin' ),\n 'id' => 'in-header-widget-area',\n 'description' => __( 'A widget area located to the right hand side of the header, next to the site title and description.', 'rmccollin' ),\n 'before_widget' => '<div id=\"%1$s\" class=\"widget-container %2$s\">',\n 'after_widget' => '<\/div>',\n 'before_title' => '<h3 class=\"widget-title\">',\n 'after_title' => '<\/h3>',\n) );<\/code><\/pre>\nif ( is_active_sidebar( 'in-header-widget-area' ) ) { ?>\n\n <aside class=\"in-header widget-area right\" role=\"complementary\">\n <?php dynamic_sidebar( 'in-header-widget-area' ); ?>\n <\/aside>\n\n<?php }<\/code><\/pre>\n\n
Come Utilizzare la Schermata Widget Per Aggiungere Widget<\/h4>\n
![\"Schermata](\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/02\/schermata-widget.jpg\")
\n
![\"Selezione](\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/02\/selezione-di-un-area-e-di-un-widget.jpg\")
Aggiunta e Modifica di Widget in Modalit\u00e0 Accessibilit\u00e0<\/h4>\n
![\"Collegamento](\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/02\/collegamento-alla-modalita-di-accessibilita.jpg\")
![\"Modalit\u00e0](\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/02\/Widgets-screen-accessibility-mode.jpg\")
Come Utilizzare il WordPress Customizer Per Aggiungere Widget<\/h4>\n
![\"Barra](\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/02\/barra-di-amministrazione-wordpress.jpg\")
![\"Aggiungere](\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/02\/aggiungere-un-pulsante-per-i-widget.jpg\")
![\"Modifica](\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/02\/modifica-dei-widget-nel-customizer.jpg\")
Come Aggiungere un Widget a una Pagina Specifica<\/h4>\n
![\"Blocco](\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/02\/Widget-block-type.jpg\")
Come Modificare i Widget<\/h3>\n
\n
![\"Modifica](\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/02\/modifica-delle-opzioni-dei-widget.jpg\")
Eliminare i Widget<\/h4>\n
![\"Eliminare](\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/02\/cancellare-un-widget-nella-schermata-dei-widget.jpg\")
![\"Eliminare](\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/02\/Removing-a-widget-in-the-Customizer.jpg\")
Come Aggiungere una Nuova Area Widget al Vostro Tema<\/h2>\n
Creazione dell’Area Widget nel File delle Funzioni del Tema<\/h3>\n
register_widget()<\/code>.<\/p>\nfunction kinsta_register_widgets() {\n \n register_sidebar( array(\n\u00a0 'name' => __( 'After Content Widget Area', 'kinsta' ),\n 'id' => 'after-content-widget-area',\n 'description' => __( 'Widget area after the content', 'kinsta' ),\n 'before_widget' => '<div id=\"%1$s\" class=\"widget-container %2$s\">',\n 'after_widget' => '<\/div>',\n 'before_title' => '<h3 class=\"widget-title\">',\n 'after_title' => '<\/h3>',\n\n ) );\n\n}\n\nadd_action( 'widgets_init', 'kinsta_register_widgets' );<\/code><\/pre>\nAggiunta del Widget ad un File Template del Tema<\/h4>\n
\n
if ( is_active_sidebar( 'after-content-widget-area' ) ) { ?>\n\n aside class=\"after-content widget-area full-width\" role=\"complementary\">\n <?php dynamic_sidebar( 'after-content-widget-area' ); ?>\n <\/aside>\n\n<?php }<\/code><\/pre>\n![\"Widget](\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/02\/widget-sul-sito-live.jpg\")
Come Codificare i Widget Utilizzando l’API dei Widget<\/h2>\n