Aggiungere una galleria di immagini in WordPress

Aggiungi-galleriaUn’ottima funzionalità di WordPress, poco visibile, è la galleria di immagini, funzionalità integrata in WordPress base e che non necessita di eventuali plugin.

La guida che vi propongo spiega come creare e gestire una galleria di immagini all’interno dei vostri articoli o pagine di WordPress.

Inserire un’immagine singola in un post è ormai pratica comune, ma se volessimo inserire diverse immagini magari affiancandole l’una all’altra come se fossero in una tabella?

Vediamo come creare la nostra galleria fotografica in un post con WordPress 3.0:

  1. La prima cosa da fare è ovviamente aver preparato le immagini a portata di click;
  2. Creiamo un nuovo post o pagina dandole un titolo e salviamo come bozza;
  3. Clicchiamo quindi sull’icona Aggiungi immagine;
  4. Clicchiamo sul pulsante seleziona file da caricare, ed andiamo a selezionare tutte le immagini che vogliamo facciano parte della galleria fotografica;
  5. Attendiamo che tutte le immagini siano state caricate, quindi clicchiamo sul pulsante salva tutte le modifiche;
  6. Il pannello che si visualizzerà, vi permetterà di:personalizzare nome e descrizione per ogni singola foto;

    in impostazioni galleria vi permette di assegnare il link della miniatura al file dell’immagine o pagina allegato;

    ordinare le immagini per:  titolo, data e ora o casuale;

    ordinamento: Ascendente Discendente;

    decidere quante colonne la galleria dovrà avere;

  7. Terminate le impostazioni inseriamo la galleria di immagini appena creata nel post cliccando su inserisci galleria;
  8. Clicchiamo sul link sopra il titolo anteprima articolo per visualizzare la galleria appena creata;
  9. Se non siamo soddisfatti possiamo reintervenire sulle impostazioni della galleria cliccando sul riquadro celeste e selezionando l’icona in alto a sinistra, quella con una piccola foto.L’icona con il divieto rosso elimina la galleria dal post.

A questo punto, non ci resta che pubblicare la nostra galleria ed è fatto!

Plugin consigliato per visualizzare le foto in popup

Dopo aver creato la galleria, potete utilizzare Flexible Lightbox plugin per WordPres.

Questo plugin permette di utilizzare le funzionalità di Lightbox per le immagini e le gallerie di foto in wordpress senza toccare il codice html. Esso permette di impostare l’ utilizzo o meno di lightbox direttamente al caricamento dell’immagine.

About The Author

Cosè Murciano

Digital Art Director, Docente e Web Designer Senior.

Related posts

39 Comments

  1. MammaNinja

    Ciao,
    ho trovato diversi post interessanti sul tuo blog WP e leggendo questo in particolare ne approfitto per chiederti un chiarimento…
    Devo realizzare un piccolo blog per un fotografo amatoriale e mi chiedevo come era meglio svilupparlo, per esempio ho scoperto ZenPhoto che è una cosa a se stante e che probabilmente posso integrare al blog in WP in una qualche maniera, altrimenti pensavo di scegliere un tema ad hoc proprio in stile galleria fotografica o addirittura puntare ad un servizio come http://www.wix.com/ che realizza siti in flash anche con temi da galleria fotografica.
    La mia intenzione sarebbe in realtà di puntare su WP magari usando un tema specifico, tu cosa ne pensi?
    Grazie in anticipo e buon lavoro

    MammaNinja

    Reply
    1. Cosé Murciano
      Cosé Murciano

      Ciao MammaNinja :)
      dunque, quello che ti consiglio è sicuramente di evitare di utilizzare due piattaforme diverse contemporaneamente, tipo WP e Zen Photo.
      Io opterei sicuramente per WordPress, che con le ultime release è diventato ancora più prestante e flessibile ai diversi tipi di layout grafici.
      In questo modo il tuo cliente avrà, non solo una galleria fotografica magari divisa in categorie, ma anche la possibilità di creare pagine ed articoli, ad esempio eventi, esposizioni, ecc ecc.
      Come tema WordPress da utilizzare hai l’imbarazzo della scelta, io ti posso segnalare questa raccolta themes wordpress per fotolog o blog fotografico:
      http://www.vocidalweb.it/2009/04/06/raccolta-themes-wordpress-per-fotolog-o-blog-fotografico/
      oppure, se hai un minimo di budget, puoi optare per qualcosa di più professionale del tipo:
      http://www.jeffhendricksondesign.com/wordpress-themes-for-photographers/
      oppure farti creare appositamente un tema dedicato

      Comunque utilizzerei senza dubbio WordPress come CMS ;)
      fammi sapere se hai bisogno di ulteriori consigli
      a presto!

      Reply
  2. MammaNinja

    Grazie innanzitutto per la risposta e per i suggerimenti vado subito a guardare di che si tratta e mi faccio un’idea.
    Se dovessi aver bisogno di altro sicuramente mi rifarò viva ;)

    Reply
  3. Daniela

    Ciao, io ho un problema con la gallery di WordPress che non riesco a risolvere. Ho un post che ha già due immagini inserite. Un paragrafo più giù vorrei aggiungere una gallery con altre 3 foto (diverse dalle precedenti) con le 3 miniature cliccabili. Non riesco ad escludere le due foto precedenti, WordPress me le mette sempre nella gallery, perchè anche quelle due sono collegate al medesimo post.
    Esiste un modo per fare questa cosa?
    Grazie mille!!
    Dani

    Reply
    1. Cosé Murciano
      Cosé Murciano

      Ciao Daniela, mi dispiace ma per ora la gestione delle gallerie native di wordpress è proprio così, prende tutte le immagini inserite in quel post o pagina e le inserisce tutte insieme. Ti consiglio di utilizzare un plugin a parte per far quello che mi scrivi, ad esempio nextgen-gallery http://wordpress.org/extend/plugins/nextgen-gallery/screenshots/ che ti permetterebbe di creare tutte le gallerie che vuoi ed inserirle in qualsiasi punto tu voglia tramite un tag tipo [nggallery id=x] dove x sta per l’ID della galleria che avrai creato. A presto

      Reply
      1. Daniela

        Ciao,
        grazie mille per la risposta! Il fatto è che sto usando wordpress online, quindi a quanto ho capito i plugin di qualsiasi tipo mi sono preclusi.
        Alla fine sono comunque riuscita a ottenere quello che volevo, in un modo molto semplice: ho inserito le miniature delle foto singolarmente, alla fine il risultato non è male.
        http://scoprilondra.wordpress.com/2011/06/30/shopping-sfrenato-da-primark/

        Grazie ancora dell’aiuto, come vedi sto usando wordpress nelle funzioni base e online, ma mi pare di capire che utilizzando il programma le possibilità si moltiplicano.
        E’ complicato passare al programma?
        Ciao e a presto,
        Dani

        Reply
        1. Cosé Murciano
          Cosé Murciano

          Ciao Daniela, grazie a te. Ho dato uno sgurdo al tuo blog, molto carino, complimenti e condivido le affermazioni su Londra ;)
          Passare ad una installazione di wordpress le darebbe enormi possibilità, non ha quasi limiti, anche magari guadagniarci, ci sono diversi modi per farlo.
          CI sono migliaia di plugin per wordpress per estendere le funzionalità del blog, si può fare praticamente di tutto.
          Per passare ad avere un’installazione di wordpress ha bisogno di un dominio (es.: http://www.nomechevuole.it) hosting preferibilmente linux ed un database MySQL.
          Io offro ai miei clienti questo servizio: http://www.serviziartenatura.it con wordpress naturalmente.
          In alternativa può seguire i tutorial che ho scritto per poter procedere autonomamente.
          A disposizione per qualsiasi consiglio ;)
          a presto
          Cosé Murciano

          Reply
          1. Daniela

            Grazie!
            In realtà il blog non vuole essere a scopo di lucro e, per il momento, riesco a gestirlo con i semplici strumenti che offre nella versione online.
            Vedrò in futuro se passare all’installazione di wordpress e a un eventuale sito!
            Grazie ancora, anche per gli utili tutorial e per le informazioni sul servizio che offri.
            Ciao e buon lavoro!

      2. davide

        Grazie per la segnalazione, fantastico plug in; naturalmente in attesa di evoluzioni sulla gestione delle gallerie immagini nativa di wp.

        Reply
  4. manuele

    Ciao mi potreste consigliare come bloccare la visualizzazione della galleria fotografica al pubblico , quindi tenerla privata, utente password Grazie

    Reply
    1. Cosé Murciano
      Cosé Murciano

      Ciao, il modo più immediato per rendere accessibile con password una galleria di immagini inserita in una pagina, è utilizzare la voce “protetto da password” dal pannello di amministrazione e gestione della pagina, lo trovi nella scheda “Pubblica” -> “Visibilità” -> “Protetto da password”.
      Altrimenti puoi utilizzare un plugin che ti permette in maniera più professionale e dettagliata, di decidere quali pagine rendere pubbliche e quali disponibili sono ad utenti loggati. Trovi tutto quello che ti occorre in questo articolo che ho scritto: http://www.wordpresstutorial.it/2010/12/22/area-riservata-front-end-wordpress-3-0/

      Reply
  5. alessandro

    volevo chiederti come mai ogni volta che entro in wordpressda internet, faccio sempre una fatica boia nel visualizzare tutto. sono riuscito una volta sola per la creazione del blog,ma poi ogni tentativo é vano… sbaglio qualcosa o manca qualcosa???
    ho un mac ma spero non sia un problema…
    attendo una tua risposta.
    grazie mille
    alessandro

    Reply
  6. Roberto

    salve, io sono riuscito a caricare l’immagine ma non riesco a visualizzarla nel nell’articolo dopo la pubblicazione ne prima di pubblicarlo.
    come mai?

    Reply
    1. Cosé Murciano
      Cosé Murciano

      Ciao, nella pagina non vedo niente, potrebbe essere un errore di upload del file, magari si è corrotto, oppure può essere dovuto alle dimensioni o formato del file, troppo grandi magari. Hai provato a ricaricarle?

      Reply
  7. cristina

    ciao Cosè molto la guida sopra riportata chiara e immediata
    Mi è riuscito tutto. Ho un problema con il lightbox. Quando clicco sulle miniature le immagini in lbox si aprono sotto l’header della mia pagina e non riesco a visualizzarle… utilizzo firefox .. come posso risolvere il problemino?

    garzie mille

    Reply
    1. Cosé Murciano
      Cosé Murciano

      Ciao Cristina,
      il problema è dovuto sicuramente ad una proprietà del CSS utilizzata in modo scoretto.
      Questa è la Z-INDEX, proprietà del css appunto che stabilisce il livello di posizionamento degli elementi della pagina, in altre parole le sovrapposizioni.
      Molto probabilmente, l’immagine dell’header ha un valore z-index superiore a quello lbox, e di conseguenza questo viene sovrapposto allo zoom delle immagini.
      Si dovrebbe intervenire quindi sul file css del tema sta stai utilizzando, style.css.
      Se mi mandi il link del tuo sito posso trovarti l’errore e comunicartelo con maggiore precisione.

      Reply
  8. gianet

    Salve, grazie per il post che hai realizzato,

    ho installato il plugin e fin qui tutto ok, appena creo la gallery e clicco sulla prima foto, mi apre correttamente lo zoom, però invece di vedere la singola foto la stessa mi si ripete per 2volte, e anche le altre…, ho installato il plugin in un altro wp.. e funziona tutto alla grande.., è possibile che sia un bug del template?
    ps: ho visto il codice e in realtra crea 2link per ogni foto..llooll
    come posso risolvere il problema..

    grazie per un’eventuale risposta.

    ciao.

    Reply
  9. martina

    Ciao,

    avrei 2 domandine da farti: premetto che sono una DILETTANTE!

    – al posto di una sola gallery vorrei creare una serie di cartelle contenenti al loro interno varie foto di diverse edizioni del festival.

    – è possibile togliere dall’url la scritta wordpress? vedo che alcuni l’hanno fatto.

    – quando cerco nei motori di ricerca non trova il mio sito wp. come si fa?

    Grazie,
    martina

    Reply
  10. Turismo in

    Salve mi servirebbe un consiglio..
    sapete come fare per riprendere la galleria creata ed inserirla in un secondo post che si crea successivamente?

    Grazie anticipatamente

    Reply
  11. nisel

    salve! io sono veramente una frana… ho una enorme galleria fotografica e dovrei cancellarla! ma devo veramente procedere foto per foto??? il fatto è che ogni giorno posto le foto di cosa c’è “oggi” e mi ritrovo con centinaia di foto…c’è un modo più rapido per eliminare tutto insieme?
    grazie infinite
    nisel

    Reply
    1. Cosé Murciano
      Cosé Murciano

      Ciao Nisel, hai provato dalla voce “Media” presente nel menu dell’amministrzione?
      Da questa voce hai la possibilità di selezionare anche tutte le immagini assieme, poi alla voce azioni trovi elimina…

      Reply
  12. Antonella

    Ti volevo ringraziare.
    Ho costruito il mio blog da sola, in 45 (!!) nottate dopo lavoro, leggendolo in inglese. Non ti avevo trovato prima. Però, oggi mi aiuti a rifinire e completare.
    Sarò on line lunedì 8 ottobre. Mi farà piacere se mi dirai cosa ne pensi e se posso migliorare qualcosa. Studierò qui da te i widget perché non li ho ancora capiti.. :))
    Antonella

    Reply
      1. Antonella

        ..Non sai che spavento.
        Ho formattato da sola il pc dopo aver combattuto un virus. E così avevo perso il tuo link.
        Ma ti ho ritrovato! :)

        Il blog è on line, e per essere su da 6 giorni sono soddisfatta delle 1700 visite.
        Avrei molte domande per te, ma non ti stresserò ;)

        Leggerò la tua guida e se non riesco a far qualcosa, magari te lo chiedo.
        intanto,… che ne pensi, onestamente, del mio spazio? Cosa c’è da migliorare? parla pure liberamente, non mi offendo.
        A presto!
        Antonella

        Reply
        1. Cosé Murciano
          Cosé Murciano

          Ciao Antonella,
          ti faccio i complementi per come hai configurato ed impostato il tuo sito.
          Non trovo difetti onestamente, è un buon lavoro, ma ottimi e molto interessanti i tuoi contenuti, li leggerò spesso. Ben scritti.
          Continua con questo stile e struttura, molto usabile e leggibile.
          1700 visite sono tantissime per un blog on line da pochi giorni, complimenti anche per questo.
          Non esitare a chiedermi consigli se ritieni.
          A presto ;)

          Reply
          1. Antonella

            :) grAAAzie! Mi fa piacere che ti piacciano i contenuti. A breve migro sul mio dominio che così non è molto professionale..
            .. sto ancora combattendo con i widget, tieniti pronto se vincessero loro con un 10 a 3 :P

            Buona giornata,
            Anto

  13. Pingback: come caricare le immagini sul blog « Laboratorio interni 1° anno 2012 – 2013

  14. Saverio

    Ho seguito alla lettera tutte le indicazioni, ma la galleria mi appare come permalink collegato a un altro link e non all’interno del post di riferimento! Help me!

    Reply
  15. linda

    Ciao, ho una domanda alla quale non riesco a dar risposta! Ho creato un child theme per il tema hatch e vorrei togliere il titolo e sostituirlo con il mio logo. Come si fa??? Grazie!!!

    Reply
  16. Mattia Frigeri

    Ciao, l’articolo è scritto molto bene! Se volessi approfondire il discorso sulle immagini di WordPress, ho appena creato un tutorial che spiega come aggiungere dei tag supplementari alle immagini caricate in automatico dal CMS (modificando quindi il tema). Spero possa interessarti, eccolo: http://www.mattiafrigeri.it/articoli/wordpress/wordpress-aggiungere-un-tag-contenitore-wrapper-intorno-alle-immagini-caricate-nei-post-e-nelle-pagine/. In bocca al lupo!

    Reply

Leave a Reply

L'indirizzo email non verrà pubblicato. I campi obbligatori sono contrassegnati *