Integrare Flash In Joomla

Transcript

Integrare Flash In Joomla
Integrare flash in Joomla
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
Integrare flash in Joomla
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-96B8444553540000"><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
Integrare flash in Joomla
</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
Integrare flash in Joomla
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
Integrare flash in Joomla
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
Integrare flash in Joomla
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
Integrare flash in Joomla
Guida realizzata e rilasciata dallo staff di Joomlaservice.org
Si prega di non togliere il riferimento.
© Joomlaservice.org
7