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 campo 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:
.field-item {
display: inline;
margin: 0px 0px 3px 3px;
}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.
Ven, 02/12/2010 - 06:13
eSEPICKT
Mer, 01/06/2010 - 16:12
molto interessante
Mer, 01/06/2010 - 16:10
molto interessante
Mar, 12/08/2009 - 17:56
Bei posti dove si trovano?
Gio, 12/03/2009 - 07:20
metin2 yang
Ven, 09/25/2009 - 09:48
succede pure a me ma ancora non sono riucito a risolvere..
dicono di fare il clear della chache del browser e di drupal.. ma niente! Hai risoltio?
Mar, 09/22/2009 - 12:46
Graziecasino online
casino online
casino online
Mar, 03/17/2009 - 12:01
per un altro hosting non saprei, anche perchè questo sito è ospitato su... aruba linux :P
***io non centro***
Mar, 03/17/2009 - 10:46
Sì è proprio aruba che mette a disposizione 35mega di memeoria limit nel php.ini! e non c'è verso di cambiarlo perchè sono server condivisi dicono!
Anche l'avvio della home non è velocissimo minimo 8-10 secondi, certo non come joomla che ce ne vogliono minimo 13 14. Hai Cosiglio su altro hosting che permetta più autonomia a parità di costo pi o meno..
Grazie!
Gio, 03/12/2009 - 20:25
Ciao. La questione è certamente legata al provider. Io non seguo da diverso tempo il forum di drupalitalia.org, ma se cerchi fra i messaggi trovi parecchio materiale riguardo l'utilizzo di drupal con aruba.
Comunque, se non ti crea difficoltà, puoi aggirare il problema ridimensionando le immagini prima di caricarle, cosa che io faccio d'abitudine anche per questioni di spazio occupato e rapidità di visualizzazione.
***io non centro***
Gio, 03/12/2009 - 09:27
oltre al problema descritto del commento precenedente (sono sempre io) ho notato che mi fa caricare solo immagini abbastanza leggere oltre 1mega mi da questo errore, ho impostato il peso max degli upload a 3 mega...
c'è questo errore nello status:
mageAPI GD Memory Limit 32M
It is highly recommended that you set you PHP memory_limit to 96M to use ImageAPI GD. A 1600x1200 images consumes ~45M of memory when decompressed and there are instances where ImageAPI GD is operating on two decompressed images at once.
può essere questo il motovo? Come risolvere su hosting linux aruba? grazie, e scusate la lunghezza del commento.
Mer, 03/11/2009 - 23:07
Uso da poco drupal 6
Ciao, ho seguito tutto ma al momento dell'upload dell'immagine mi restituisce questo errore:
Si è verificato un errore HTTP 0.
/miosito/?q=filefield/ahah/nuovocont/field_immagine/0
Lun, 12/15/2008 - 06:51
mandamelo qui:
http://www.elvex.info/contact
***io non centro***
Dom, 12/14/2008 - 22:29
ok ma non vedo la tua mail
Dom, 12/14/2008 - 13:42
magari nei prossimi giorni scarico drupal 6.x e faccio alcune prove.
potrebbe essere da stimolo per aggiornare anche il mio sito :)
p.s. puoi darmi (anche via mail) un link alle pagine dove stai facendo test?
***io non centro***
Sab, 12/13/2008 - 17:24
ho provato altri temi ma con nessun esito
ho letto sul forum di drupalitalia che qualcuno ha inserito lo script nel css di imagifield. ho fatto la stessa cosa ma con lo stesso risultato
Sab, 12/13/2008 - 08:22
Io le ho allineate inserendo
.field-item {display: inline;
margin: 0px 0px 3px 3px;
}
nel file style.css del mio tema, ma considera che sto utilizzando una versione 5.x e nel passaggio alla 6.x (che non ho ancora testato) ci sono state modifiche nel theme engine.
E' anche vero che Garland è un tema piuttosto complesso, quindi intanto ti consiglierei di provare anche con un tema diverso, in modo da focalizzare meglio su cosa si deve lavorare.
***io non centro***
Ven, 12/12/2008 - 23:29
ciao ho testato il tutoria su d. 6.8, netsons, garland
il tutorial funziona molto bene
unico neo (sicuramente per mia colpa) non riesco ad allineare in orrizzontale le immagini...
come posso fare?
puoi suggerirmi un clone del file node.tpl?
grazie
Ven, 10/24/2008 - 06:37
Ciao, è semplicemente html :)
Quando inserisci l'immagine, nel tag img aggiungi come attibuto align="left" (o right, naturalmente) e il testo seguente si allinea di conseguenza.
Attento però che il testo sarà appiccicato al bordo della tua immagine: puoi risolvere aggiungendo anche hspace="3" (o 2 o 5, come preferisci) oppure, meglio, lavorando sui margini nel foglio di stile.
***io non centro***
Gio, 10/23/2008 - 18:40
Salve,
vorrei sapere come fare ad avere l'immagine contornata dal testo (come per l'inizio di questo articolo), se è un comando del foglio di stile, se necessitano decine di moduli aggiuntivi, o se la cosa è più semplice. Non ho bisogno di grandi cose. Solo l'immagine contornata dal testo senz aricorrere ad una tabella.
graize
Sab, 08/23/2008 - 13:17
Ciao Mavimo. Com'è secondo te che io per configurare imagecache devo andare nelle configurazione del sito (admin/settings?)
Può dipendere dalle versioni di drupal e del modulo stesso?
***io non centro***
Sab, 08/23/2008 - 10:16
Il percorso dove andare a configurare imagecache è admin/build/imagecache
Ven, 07/11/2008 - 10:46
Scusa se rispondo solo ora, ma come vedi frequento il sito molto di rado ultimamente...
Se vedi una pagina che elenca tutti i moduli installati su sito dovresti essere in http://www.tuosito/admin/settings/.
Riesci a vedere il link per le configurazioni di imagecache?
***io non centro***
Mar, 07/08/2008 - 17:29
ottima guida, ma , quando all'inizio dici di andare a configurare admin/settings/imagecache ,no mi viene fuori la pagina di imagecache ma quella di tutti i moduli, è possibile ?
Ti prego, aiutami che sono ore che provo e riprovo ma non ne esco.
Invia nuovo commento