Drupal è un Cms molto potente, ma ad un primo approccio piuttosto "spigoloso"; nel core manca per esempio di un supporto alla gestione delle immagini, supporto necessario in particolare per blogs e siti personali.
Naturalmente questa mancanza è del tutto apparente, visto il numero di moduli dedicati; ma proprio per via delle numerose scelte possibili e della frammentazione nello sviluppo sul tema, l’utente finale si trova nella necessità di dover approfondire adeguatamente le soluzioni a disposizione, partendo da un’idea ben chiara sulle proprie necessità.
Per la gestione del mio blog non ho mai pensato ad una sezione dedicata alle immagini (la classica “gallery”); mi sarei potuto accontentare di un editor di testo (Bueditor, che non sopporto i visuali) dotato di un buon filemanager e supportato dal modulo IMCE, quanto basta insomma per inserire immagini dove voglio all’interno di un post. Poi, riflettendoci, ho pensato che in alcuni casi mi sarebbe venuta utile la possibilità di gestire una piccola galleria di immagini all’interno di un determinato post. Se per esempio descrivo il giro del Parco dell’Oglio in mtb posso così associare al mio testo anche un breve report fotografico.
Nulla insomma che non si possa fare con la soluzione sopra accennata (editor + IMCE), ma questa risulterebbe poco elegante e soprattutto troppo macchinosa. Basta però cercare fra le risorse disponibili, approfondire e chiedere: con Drupal si esce sempre in piedi.
Il risultato finale lo potete vedere in fondo a questo post.

Per iniziare un minimo di "letteratura" di riferimento:

• Tutorial di Signalkuppe: presenta soluzioni diverse da quella a cui qui mi riferisco, ma è una lettura utilissima per le possibilità che mette a disposizione e per come esemplifica l'utilizzo di alcuni moduli.
• Documentazione su drupalitalia.org: riassume in modo piuttosto chiaro larga parte dei passaggi che vado a descrivere di seguito.

Vediamo ora di quali moduli abbiamo bisogno:

• CCK: modulo per un utilizzo avanzato di Drupal, serve a creare e modificare i tipi di contenuto.
• Imagefield: è un'implementazione di cck che aggiunge un campo per la gestione delle immagini.
• Imagecache: modulo che ridimensiona al volo le immagini.
• Thickbox: visualizza le immagini con un effetto pop-up in stile lightbox.

Carichiamo i moduli nella nostra directory (generalmente si preferisce inserire i moduli di terze parti in /sites/all/modules) e andiamo ad abilitarli (.../admin/build/modules); oltre a questi abilitiamo anche il modulo Upload, presente nel core di Drupal.
Ok, siamo pronti per iniziare.

Per prima cosa andiamo nelle configurazioni di Imagecache (admin/settings/imagecache): creiamo un nuovo preset (cioè un'azione che andiamo ad applicare alle nostre immagini), chiamandolo per esempio miniatura. Ora definiamolo: dal menu a tendina Add a new action selezioniamo la voce Scale e clicchiamo su Update preset; inseriamo adesso i valori (in pixel o in percentuale) di larghezza ed altezza che vogliamo per la nostra miniatura e clicchiamo di nuovo su Update preset.
Bene, Imagecahce è configurato e si occuperà di ridimensionare al volo le nostre immagini.

Ora dobbiamo aggiungere un capo immagini al nostro blog. Entriamo nella gestione dei Tipi di contenuto (admin/content/types), clicchiamo sulla voce Modifica in corrispondenza al tipo di contenuto Massaggio del blog e successivamente su Aggiungi campo nel tab menu in alto.
Il nostro nuovo campo (field) si chiamerà, per esempio, Immagini e sarà un campo di tipo immagine, per cui spuntiamo la voce Image e confermiamo con Create field.

Fatto questo passaggio andiamo a definire meglio il nostro campo immagine: nel campo Image path possiamo creare una cartella nella dirctory files nella quale caricare le immagini; suggerisco poi di spuntare la voce Enable custom title text, per poter gestire il titolo delle immagini in sede di caricamento. Infine spuntiamo Valori multipli (che ci permette di inserire più immagini) e, solo se vogliamo rendere il campo immagine obbligatorio, la voce Richiesto. Confermiamo con Save field settings.

Siamo quasi al termine, mancano solo un paio di passaggi.
Dal tab menu selezioniamo Display fields; compare una tabella con tre menu a tendina: alla colonna Label selezioniamo Above (ci permette di visualizzare il titolo della galleria sopra le immagini); nella colonna Teaser selezioniamo Hidden (per non mostrare le immagini nell'estratto di prima pagina) mentre nella colonna Full selezioniamo la voce Thickbox:miniatura. In questo modo le immagini pubblicate nel nostro post passeranno per Thickbox e per il preset miniatura. Confermiamo naturalmente cliccando su Pubblica.

Infine selezioniamo Menage fields dal solito tab menu e diamo un peso al nostro campo immagine in modo che venga visualizzato sotto i campi default dei contenuti di Drupal (title, taxonomy e body). Confermiamo con Aggiorna.

Abbiamo sostanzialmente ultimato il nostro lavoro; lo strumento per la pubblicazione delle immagini è pronto e non ci resta che costumizzarlo controllando l'html.
Questo lo possiamo fare agendo in particolare sul file style.css. Per ottenere un allineamento orizzontale delle immagini apriamo il nostro file con un editor di testo e inseriamo il codice riportato qui sotto:

Per altre formattazioni molto dipende dal tema utilizzato e, naturalmente, da quello che vogliamo ottenere.
In linea generale suggerisco di clonare il file node.tpl, rinominarlo in node-blog.tpl e di richiamare in questo nuove classi da definire poi nel foglio di stile. In questo modo possiamo costumizzare liberamente i post del nostro blog senza andare ad influenzare le formattazzioni degli altri tipi di contenuto.

Ovviamente questo lavoro può essere fatto anche per gli altri tipi di contenuto: per le pagine, per le story oppure per tipi di contenuto che creiamo appositamente per questo uso specifico.
Questa poi è una base dalla quale possiamo partire per utilizzi più complessi: possiamo per esempio creare un preset di dimensioni maggiori da visualizzare nell'estratto di prima pagine, come fosse una copertina, oppure geolocalizzare le nostre gallerie d'immagini, seguendo i passaggi di di questo tutorial proposto ancora da Signalkuppe.

Insomma, buon divertimento.

Immagini: