Immagini Plugin WordPress WordPress

Inserire immagini nei widget di WordPress

Tiziano Fogliata

Le varie aree widget disponibili in quasi tutti i temi disponibili per WordPress sono un dei modi piรน comodi per personalizzare sidebar, footer o anche intere pagine di un sito.

I widget, introdotti sin dal 2007 su WordPress, permettono infatti di inserire diversi tipi di contenuto allโ€™interno di una pagina, potendoli poi spostare a piacimento in modo visuale, senza dover mettere mano ai file del template.

Su WordPress รจ disponibile da diversi anni un widget che permette lโ€™inserimento di immagini, anche se le sue funzioni sono ridotte al minimo indispensabile. รˆ possibile caricare unโ€™immagine e basta.

Unโ€™altra alternativa รจ quella di usare il widget HTML Personalizzato, tramite il quale รจ possibile inserire il codice HTML necessario per visualizzare lโ€™immagine. In pratica, basta caricare lโ€™immagine allโ€™interno della libreria media del tuo sito WordPress e poi inserire il codice HTML necessario per visualizzarla.

Codice HTML immagine in un widget su WordPress

Tale procedura perรฒ non รจ ovviamente delle piรน comode e, soprattutto per gli utenti che non conoscono il linguaggio HTML, anche piuttosto ostica. Se infatti solo la visione di questo semplice codice HTML di dร  i brividi, allora ti suggerisco un plugin come Image Widget, che permette di inserire facilmente fotografie e immagini caricandole direttamente allโ€™interno del widget.

image-widget

Il plugin aggiunge un nuovo widget, chiamato appunto โ€œImage Widgetโ€, tra i widget disponibili su WordPress che puรฒ essere trascinato e inserito nellโ€™area widget desiderata. Tramite questo widget รจ possibile caricare immagini, o selezionare quelle giร  presenti nella libreria media. A ogni immagine puรฒ essere associato un titolo e una didascalia e le immagini possono essere linkate a un URL.

La possibilitร  di caricare facilmente immagini allโ€™interno di un widget permette di sfruttare questo plugin, ad esempio, anche per lโ€™inserimento di banner allโ€™interno del proprio sito, qualora non ci sia la necessitร  di gestire clic, impression, rotazione degli annunci e altre funzionalitร  complesse.

Unโ€™altra funzionalitร  interessante consiste nella possibilitร  di personalizzare facilmente il template col quale vengono visualizzate le immagini inserite tramite il widget. รˆ sufficiente infatti copiare il file widget.php che si trova nella cartella views del plugin image-widget e inserirlo allโ€™interno della directory del proprio tema, in una cartella denominata image-widget.

Personalizzando tale file potrai modificare lโ€™aspetto di come le immagini appariranno sul tuo sito, ad esempio spostando la didascalia o aggiungendo altri elementi al widget. Il fatto poi di spostare tale file allโ€™interno della cartella del tuo tema eviterร  di perdere le modifiche in caso di aggiornamenti del plugin.

Sempre restando sullโ€™argomento immagini, ti segnalo anche questo plugin WordPress che ti permette di cercare e inserire velocemente immagini allโ€™interno delle pagine e degli articoli del tuo sito.

Scegli di ricevere gratuitamente via email consigli utili per creare, gestire e migliorare il tuo sito WordPress

Questo campo serve per la convalida e dovrebbe essere lasciato inalterato.

11 commenti su “Inserire immagini nei widget di WordPress”

  1. Ciao vorrei un informazione.
    Devo mettere una immagine nel footer con wordpress e non ho molta proatica con questo cms, il widget si puรฒ mettere nel footer ? eventualmente potresti indicarmi come procedere?

    Rispondi
    • Sรฌ, se il tuo tema dispone di aree widget nel footer puoi inserire tranquillamente questo widget anche in quella posizione.

      Rispondi
  2. Ciao, potresti cortesemente dirmi perchรฉ compare questa scritta sopra l’immagine che ho inserito nel footer? A me non serve mettere un titolo sopra l’immagine. Come posso toglierlo?

    Rispondi
    • Ciao,
      io con lo stesso plugin se lascio il titolo in bianco non mi compare quella scritta. Potresti eventualmente nasconderla via CSS oppure provare un plugin come https://wordpress.org/plugins/remove-widget-titles/ che ti permette di non visualizzare i titoli di determinati widget.

      Rispondi
  3. ciao ho trovato il tuo blog e visto che in modo semplice mi hai fatto capire diverse cose che per me erano assolutamente ostiche provo a fare a te la domanda a cui sembra che nessuno sappia rispondere…. Sto cercando di creare una pagina su un sito in wordpress e vorrei che la pagina si aprisse cliccando su un immagine nella home page, vorrei quindi creare un immagine con link interno…. trovo solo informazione per creare link esterni…. grazie per l’aiuto

    Rispondi
    • Ciao, non sono sicuro di aver capito bene. In sostanza si tratta di linkare l’immagine a una pagina del tuo sito?
      Ti basterร  usare l’URL della pagina del tuo sito anzichรฉ l’URL di una pagina di sito esterno.

      Rispondi
      • In realtร  ho provato in questo modo ma visto che non capisco niente di HTML forse ho saltato qualcosa e il link non funziona…. ci riproverรฒ… grazie!!!

        Rispondi
  4. Ciao, seguendo i tuoi passi ho installato il plugin da te suggerito (davvero semplice). Ho solo una cosa che non riesco a risolvere: anche modificandole dalle opzioni del plugin le dimensioni della foto inserita restano sempre le stesse. รฉ un problema del mio tema (the voux) ?

    Eternamente grata!

    Rispondi
    • Ciao, nelle impostazioni del widget รจ possibile definire le dimensioni dell’immagine. Poi non so se nel tuo tema ci sono magari delle regole nel CSS che intervengono sulle dimensioni delle immagini.

      Rispondi
  5. Ciao, vorrei capire come posso visualizzare una foto contenuta nei media clickando su una parola chiave.
    Per esempio auto rossa e col click su parola “rossa” visualizzo una foto. Grazie mille.

    Rispondi
    • Non sono sicuro di aver capito bene, ma se ti serve solo visualizzare un’immagine quando clicchi su un link, allora ti basta linkare il file immagine a quel link.
      In alternativa puoi usare un effetto Lightbox per una soluzione esteticamente piรน gradevole.

      Rispondi

Lascia un commento