Come inserire un banner in Joomla

Mauro 24 Agosto 2009
0 people like this post

INSERIRE UN BANNER IN JOOMLA CON FLEXADVERT

Entrare naturalmente nel Pannello Amministratore del sito in Joomla.

Nel menù, cliccare su Componenti e poi Flexadvert > Manage Size.

Manage Sizes in Joomla

Creare un nuovo file, dando come Size Name ad esempio 156×60 9.  Inserire poi Width (larghezza) ed altezza (Height) e dimensione massima del file 15000, come misura standard.

Creare un nuovo spazio per banner

Cliccando su Salva, il nostro spazio per il banner è creato.

spazio banner in joomla

Ora dovremo dare una locazione al nostro banner. Stabilite le dimensioni, dobbiamo indicare a Joomla dove mostrare il banner. Ricordiamoci che Joomla è formato da blocchi, “rettangoli” che formano una griglia, la struttura visuale del portale. Uno strumento per comprendere la struttura di joomla è il plugin di Firefox Advvark oppure attraverso l’anteprima di joomla:

anteprima blocchi joomla

Scegliamo quindi Componenti > Flexadvert > Manage Locations e poi su Nuovo

gestione banner nel template

Decidere il nome della location e tra le dimensioni elencate, scegliere quella appena impostata, quindi la “156×60 9”

Cliccare poi su SALVA e avremo così abbinato la location al nostro banner di dimensioni 156 x 60.

location del banner in joomla

Informazione molto importante è l’ ID, in questo caso 41 che ci sarà utile poi quando avremo attivato il modulo del banner.

Aprire il programma FTP per uploadare immagine del banner. Nel nostro caso in hotelriccione.travel/images/banners/

Dare nome con dimensione, così sarà più facile poi da trovare e riconoscere.
Ad esempio 156x60happyrent.gif

Ritornare nel browser e nel portale selezionando: componenti>flexadvert>manage banners e poi cliccare su Nuovo

gestione banner in Joomla

Select client:  selezionare un cliente già esistente o crearne uno nuovo (new).

select link: scegliere new link o selezionare un link già esistente, se vogliamo che il banner apra un sito già linkato da un altro banner.

new link URL: incollare l’URL di destinazione, comprensivo di http://

Select image: selezionare l’immagine che vogliamo, quindi 156x60happyrent.gif

inserire il testo alternativo del banner.

select image size: scegliere 156×60 9

locations: happyrent

Cliccare quindi sul bottone SALVA in alto a destra.

Abbiamo concluso la configurazione del componente che gestisce i banner. Per visualizzare il banner nella struttura di joomla, dobbiamo creare un nuovo modulo del componente e decidere in quale blocco visualizzarlo. Quindi andiamo ora nel menù Moduli > Moduli sito.

gestione moduli sito in joomla

Per facilitare la ricerca attraverso tutti i moduli creati, ricordando che per ogni banner è stato creato un modulo del componente FlexAdvert, impostiamo il filtro che si trova in alto a destra, in modo che vengano mostrati solo i banner della colonna di destra.

filtro moduli dei banner in Joomla

Per creare un nuovo modulo di FlexAdvert, mettere la spunta su un modulo già presente, ad esempio “hotel de charme 156×60” e poi clicchiamo sul bottone COPIA in alto a destra. Ogni banner in Joomla è un modulo…gestito in questo caso dal componente Flexadvert.

In questo modo creiamo la copia di un modulo di flexadvert che andreamo a modificare cliccando sul testo “copy of hotel de charme 156×60”.

Copia del modulo FlexAdvert per creare un nuovo banner

Settaggio del modulo FlexAdvert di Joomla

Quindi modifichiamo subito il Titolo da “Copy of hotel de charme 156×60” a “happyrent 156×60”. In Mostra Titolo scegliamo “no” altrimenti compare uno sfondo grigio sopra il banner…perché ricordiamo sempre che ogni banner è un modulo.

Due parametri importanti sono il LocationID dove andremo ad inserire il numero 41 che abbiamo trovato nella gestione della location e la spunta di far aprire il sito del banner in una nuova pagina/scheda.

configurazione modulo flexAdvert per banner in Joomla

Infine dobbiamo decidere dall’elenco a destra in quali pagine dovrà essere presente il nostro modulo (il banner di happyrent). Possiamo decidere tutte oppure selezionarle con Shift o CTRL.
Alla fine clicchiamo su SALVA.

Riassumendo: abbiamo creato lo spazio del banner nel componente di FlexAdvert. L’abbiamo abbinato ad un modulo e deciso dove quest’ultimo verrà presentato. Ma il banner non è ancora visualizzabile, perché non ancora pubblicato.

Quindi ritorniamo nella lista dei banner in Componenti > FlexAdvert > Manage Banners

Scegliere YES sotto Published e poi cliccare su SALVA.

Abbiamo finalmente pubblicato il nostro banner nelle pagine scelte.

  • 0
  • 1316

Leave your comment

Mostra Social
Nascondi Social