Drupal 6 navigazione veloce.
menu principale | colonna di navigazione a sinistra | contenuto principale | colonna di navigazione a destra | piè di pagina

menu principale

contenuto principale

Tutorial modulo image assist (inserire immagini nodizzate nei nodi pagina)

Il modulo Image Assist si integra molto bene con il modulo Image.
Image Assist permette, oltre che a nodizzare le immagini, di inserire le immagini nodizzate all'interno dei nodi di tipo testuale (page, story, ecc.). Possono essere inserire una o più immagini, avendo la possibilità di ridimensionale e di posizionarle a destra o a sinistra del testo.

Il modulo Image Assist è un modulo aggiuntivo che si scarica all'indirizzo http://drupal.org/project/img_assist

 image assist 1

Le versioni più recenti di Image Assist richiedono l'installazione anche del modulo Views, modulo molto utile e potente che consente di creare viste-liste di nodi di ogni tipo. Vies si scarica all'indirizzo  http://drupal.org/project/views

image assist 2

Dopo aver scaricato, dezippato sul proprio pc e caricato via FTP il modulo Image Assist, esso va attivato nella sezione "Moduli" del pannello di amministrazione di Drupal

image assist 3

 

E' necessario, come al solito, configurare anche i permessi per permettere ai vari tipi di utente l'uso del modulo Image assist:

image assist 4

 

E' possibile configurare il modulo Image Assist all'interno del pannello di amministrazione di Drupal:

image assist 5

 Ecco la sezione per la configurazione del modulo Image Assist:

image assist 6

 E' possibile decidere come le immagine saranno inserite all'interno dei nodi testuali:

image assist 7

 Dato che il modulo Image assist inserisce del codice HTML all'interno delle pagine, è necessario abilitare nella sezione "Format di input" del pannello di amministrazione di Drupal i tag "image" e "span":

image assist 7b

Se quando pubblichiamo i contenuti facciamo ricorso all'"HTML Full" non ci sono problemi.
Ma dato che è consigliabile fare sempre ricorso all'HTML filtrato per ragioni di sicurezza, è necessario configurare il "Filtered HTML":

image assist 8

 Spuntiamo la voce "Inline images":

image assist 8b

 Tra i tag html consentiti aggiungiamo "image" e "span":

image assist 9

A questo punto possiamo creare un nuovo nodo di tipo testuale. Posizioniamo il cursore all'interno del testo nel punto in cui desideriamo inserire un'immagine.
Clicchiamo sull'icona a foma di più (+) verde che ora compare sotto il campo di testo:

image assist 10

Dopo aver cliccato sull'icona a forma di più, si apre una finestra di pop-up. Selezioniamo l'immagine desiderata. Da questa posizione possimao anche caricare e nodizzare un'immagine presente sul nostro pc:

image assist 11

Una volta selezionata l'immagine desiderata, possiamo deciderne dimensioni e il tipo di allineamento ripetto al testo.
Clicchiamo infine sul pulsante "Insert":

image assist 12

Image Assist inserisce il codice HTML per visualizzare l'immagine.
Ricordiamoci di inserire per il testo alternativo all'interno del tag "alt":

image assist 13

 Per visualizzare l'immagine dobbiamo inserire tra i tag consentiti il tag "image" (e "span") si utilizziamo, tra i formati di input, l'HTML filtrato:

image assist 14

 Ecco il risultato:

image assist 15

 


colonna sinistra

colonna destra