Integrare Flash In Joomla Guida realizzata e rilasciata dallo staff di Joomlaservice.org L'integrazione di flash con Joomla è un argomento molto richiesto e per il quale non sempre si trovano informazioni adeguate. Il tema è abbastanza ampio nel senso che esistono diversi modi di integrare flash nella struttura e/o nei contenuti dinamici di Joomla. In questa guida tratteremo i temi più semplici, i quesiti che interessano la maggior parte degli utenti. 1) Inserire un filmato flash in un contenuto tramite l'editor di Joomla. Partiamo con il metodo più semplice, ovvero inserire un filmato flash in un contenuto statico tramite TinyMCE, l'editor di default di Joomla. Dopo avere aperto il contenuto in cui inserire il filmato cliccare sull'iconcina di flash presente nell'editor, come indicato dalla freccia nell'immagine sopra riportata. Si aprirà un pop up in cui vi verrà richiesto di inserire il percorso del file.swf (che avrete provveduto in precedenza a caricare sul server) e le dimensioni del filmato. Dopo aver cliccato su Insert basterà salvare come sempre il contenuto ed avrete il vostro filmato. Joomlaservice.org 1
2) Inserire manualmente il codice di richiamo ad un filmato flash in un contenuto. Prima di inserire il codice di richiamo al file.swf in un contenuto statico si consiglia di selezionare "Nessun editor WYSIWYG" dalla configurazione globale di Joomla. Questo perchè gli editor html possono non tradurre correttamente i tag. Una volta fatto questo aprite il contenuto in cui volete inserire il filmato ed incollateci il codice sotto riportato: <object codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab# version=5,0,0,0" height="400" width="600" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"><param value="tuofile.swf" name="movie" /><param value="high" name="quality" /><param value="#ffffff" name="bgcolor" /> <EMBED src="/tuofile.swf" quality=high bgcolor=#ffffff WIDTH="600" HEIGHT="400" ALIGN="" TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer"></EMBED> Joomlaservice.org 2
</object> Nota: In questo esempio abbiamo considerato un file flash di nome tuofile.swf di dimensioni 400X600 che risiede nella root principale. Il file tuofile.swf in questo caso è stato inserito nella cartella pubblica, indicata dalla freccia nell'immagine sottostante. Se invece volete caricare il file tuofile.swf da un'altra parte, ad esempio nella cartella images, sarà necessario modificare il codice nei punti sotto riportati: <param value= "images/tuofile.swf"... <EMBED src="images/tuofile.swf" Joomlaservice.org 3
3) Inserire manualmente il codice di richiamo ad un filmato flash nell index.php del template. Esaminiamo ora il caso in cui si voglia sostituire l'immagine di testa di un template con un'animazione in flash. Il codice di seguito riportato mostra, evidenziata in giallo, la modifica apportata al file index.php del template. Prima: <!-- start image header --> <div id="imgheader"> <table cellpadding="0" cellspacing="0" class="moduletable"> <tr> <td> <img src="header.jpg " /> </td> </tr> </table> </div> <!-- end image header --> Dopo: <!-- start image header --> <div id="imgheader"> <table cellpadding="0" cellspacing="0" class="moduletable"> <tr> <td> <object codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5, 0,0,0" height="99" width="730" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"><param value="header.swf" name="movie" /><param value="high" name="quality" /><param value="#ffffff" name="bgcolor" /> <EMBED src="/header.swf" quality=high bgcolor=#ffffff WIDTH="730" HEIGHT="99" ALIGN="" TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer"></EMBED> </object> </td> </tr> </table> </div> <!-- end image header --> Al posto dell'immagine di testa adesso è presente il nostro filmato flash, come possiamo vedere nell'esempio sotto riportato. Joomlaservice.org 4
4) Inserire un filmato flash in un modulo. Questa soluzione produce lo stesso risultato della procedura descritta al punto precedente; potete adottare quella che preferite, noi vi consigliamo questa in quanto permette, come vedremo tra poco, una maggiore flessibilità, e si presta ad essere adottata per diversi scopi. Da Gestione moduli selezionate Nuovo e copiate il codice del filmato flash nel modulo (sempre dopo aver selezionato "Nessun editor WYSIWYG", vedi punto 2). Adesso avete un modulo contenente un animazione flash, e potrete utilizzarlo per diversi scopi. La possibilità di selezionare le pagine in cui pubblicare il modulo, ad esempio, permette di avere un animazione flash diversa per ogni pagina, dopo aver creato altri moduli con altrettante animazioni da assegnare alle diverse voci di menù. Oppure poniamo il caso che si desideri avere un animazione flash nella home page e un immagine statica nelle altre pagine, in modo da evitare la fastidiosa ripetizione dell animazione ad ogni cambio pagina. Basterà creare un modulo con il filmato flash ed assegnarlo alla home page (selezionando Home nell elenco delle voci di menù, come mostra l immagine sopra riportata), quindi creare altri moduli (tanti quante sono le pagine in cui vogliamo mostrarli) contenenti le varie immagini ed assegnare ognuno alla voce di menù desiderata. 5) Template in flash Rivolta agli utenti che hanno un po più dimestichezza con l uso di flash, questa è la soluzione che maggiormente integra questa tecnologia con Joomla. Da una parte abbiamo animazioni ed effetti di un classico template in flash e dall altra la gestione contenuti tipica di un cms come Joomla. Questo metodo non comporta controindicazioni neanche per i motori di ricerca, in quanto i testi vengono sempre gestiti in maniera dinamica, quindi con facile aggiornamento. Joomlaservice.org 5
Nell esempio sopra riportato abbiamo un header in flash con i link che si animano al passaggio del mouse. Il testo dei link, così come il nome e lo slogan del sito, è modificabile da un file.txt. Esempio del file Name =Tuo Nome &slogan= Tuo slogan& =HOME&button2=CHISIAMO&button3=LOGIN& Come potete notare il file.swf prende tutti i parametri dal file.txt; in questo modo, per modificare un collegamento, basta cambiare il testo nel fle.txt, senza compilare di nuovo il codice sorgente. Questo era un template molto semplice da modificare ed adattare alle nostre esigenze; per altri sarà necessaria un po più di pratica nell uso di flash, ma con un po di esercizio riusciremo ad avere dei bellissimi template in flash perfettamente integrati con il nostro amato cms.. Buon lavoro! Joomlaservice.org 6
Guida realizzata e rilasciata dallo staff di Joomlaservice.org Si prega di non togliere il riferimento. Joomlaservice.org 7