Joomla! Componenti, moduli e mambot

Transcript

Joomla!
Componenti, moduli e mambot
INDICE
ARCHITETTURA di JOOMLA!............................................................................................... 2
INSTALLAZIONE E DISINSTALLAZIONE .......................................................................... 2
COMPONENTI.......................................................................................................................... 4
Banner .................................................................................................................................... 4
Community Builder................................................................................................................ 6
Docman ................................................................................................................................ 10
EM Sql Admin ..................................................................................................................... 18
Exposé 4 ............................................................................................................................... 18
Jce Editor.............................................................................................................................. 24
JEvents ................................................................................................................................. 29
JoomlaComment................................................................................................................... 36
Joomla Pack.......................................................................................................................... 38
SMO Ajax Shoutbox ............................................................................................................ 40
Virtuemart ............................................................................................................................ 42
XMap.................................................................................................................................... 51
MODULI.................................................................................................................................. 54
D4J Transmenu .................................................................................................................... 56
MAMBOT................................................................................................................................ 60
All videos plugin .................................................................................................................. 60
Simple Image Gallery........................................................................................................... 61
LICENZA E CREDITS............................................................................................................ 65
http://bsaett.altervista.org/
ARCHITETTURA di JOOMLA!
Joomla! è strutturato in modo molto razionale, è completamente adattabile e si compone di
una serie di funzionalità che possono essere attivate o disattivate a seconda delle necessità. In
particolar modo è possibile inserire delle estensioni (molte delle quali sono distribuite
gratuitamente) nel sito Joomla! ampliandone le funzionalità. Le estensioni di Joomla! si
articolano in tre categorie:
- componenti;
- moduli;
- mambots (oppure plug-in nella versione 1.5).
I componenti sono applicazioni legate espressamente alla gestione dei contenuti, come ad
esempio una galleria foto, un negozio on line, ecc...
I moduli, invece, consentono di visualizzare informazioni di vario tipo e/o di realizzare
particolari funzionalità interattive, come visualizzazione di immagini e testi, per cui possono
consistere in semplice testo, codice HTML, o possono essere applicazione complete realizzate
da terzi. Possono essere creati con estrema facilità.
I mambots (o plug-in), infine, si occupano delle funzioni di supporto a tutte le operazioni di
Joomla!, come ad esempio la ricerca nell’ambito del sito o di una sezione. In alcuni casi si
sostituiscono a codice di Joomla! ampliandone le funzioni.
Le funzionalità di Joomla!, quindi, possono essere ampliate tramite l’uso di questi tre tipi di
add-on, attraverso un processo di installazione che avviene in maniera semplice ed intuitiva,
semplicemente selezionando l’add-on, così come avviene per i template.
INSTALLAZIONE E DISINSTALLAZIONE
Sia i componenti, sia i moduli che i mambot, vengono installati attraverso il Menu
Installazioni, che si compone, per la parte che qui interessa, di tre voci.
Per installare un componente, ad esempio, non dobbiamo fare altro che selezionare l’apposita
voce. La pagina di installazione ci avverte che estensioni di terze parti potrebbero rendere il
sito meno sicuro, e più vulnerabile ad attacchi di hacker. Quindi ricordiamoci sempre di
installare solo componenti sicuri. La prima regola è di prendere queste estensioni solo da siti
affidabili, come il sito http://www.joomla.org/ .
2
Un componente è di regola costituito da un pacchetto compresso, con estensione .ZIP o
.TAR.GZ. Il pacchetto non va decompresso, ma va selezionato e caricato così come è.
Una volta selezionato il file, cliccando su SFOGLIA, clicchiamo su Carica File e Installa.
Otterremo una schermata di conferma del caricamento del componente.
Talvolta in questa schermata vengono visualizzate anche utili informazioni sul componente
medesimo, in genere le istruzioni di funzionamento, e i crediti.
Cliccando su Continua torniamo alla schermata di caricamento.
Allo stesso modo agiremo se si tratta di moduli o mambot, ricordandoci di selezionare la voce
di menu giusta.
Invece, nel caso in cui volessimo eliminare un componente od un modulo dal sito, non
dobbiamo cancellarlo fisicamente (ad esempio con un FTP), ma solo disinstallarlo, con una
procedura analoga.
Selezioniamo il componente, o il modulo o il mambot, cliccando nel cerchio alla sinistra del
nome del componente, e poi clicchiamo su Disinstalla.
Questo è il modo giusto per eliminare un componente dal vostro sito. In questo modo, infatti,
Joomla! si occuperà non solo di eliminare i file e le cartelle del componente, ma anche le
tabelle dal database del sito.
3
COMPONENTI
Banner
Il componente dedicato per la gestione dei banner è già compreso nel pacchetto di Joomla!,
per cui non è necessario installarlo, ma lo troveremo già nel Menu -> Componenti -> Banner.
Se abbiamo già a disposizione il banner da inserire, nel formato 468x60, andiamo prima di
tutto in Gestione Clienti, dove inseriremo, cliccando su Nuovo, i dati del nostro inserzionista.
4
Salvati dati del contatto, andiamo in Gestione Banner, dove inseriremo i dati del banner. In
particolare inseriremo il nome del banner, selezioneremo il cliente tra quelli già inseriti
nell’apposito pannello, immetteremo il numero di impressioni acquistate dal cliente, così
Joomla! potrà automaticamente disattivare la visualizzazione del banner raggiunto il numero
di impressioni stabilite, inseriremo l’URL al quale si verrà indirizzati in caso di click sul
banner, e soprattutto selezioneremo il banner tra quelli già caricati nella cartella
/images/banners/. Il banner può essere caricato o via FTP oppure direttamente in questo
pannello selezionando il radio button Carica. Eventualmente il banner può essere caricato
anche attraverso il pannello Gestione Media.
5
Una volta salvato il tutto, torneremo al pannello principale dove troviamo le statistiche sui
banner inseriti nel sito, compreso il numero di click che ha ricevuto ogni banner, e il numero
di impressioni fatte (cioè le visualizzazioni).
Community Builder
Il community builder (CB) è un componente usato per la creazione di community online, che
consente la gestione di utenti con profili completi di avatar, campo mail ecc…, nonché
gestione di gruppi e messaggi privati. Il CB integra e sostituisce alcune funzioni di Joomla
non adatte per una community, in particolare sostituisce il Login Form. Il CB è ampiamente
configurabile e gestisce anche, tramite plugin, varie lingue, tra cui l’italiano.
Da questa pagina potete scaricare la versione originale in inglese. Non dimenticate di
scaricare anche la traduzione in italiano.
http://download.joomla.it/component/option,com_docman/task,cat_view/gid,71/Itemid,2/
Comunque il sito a cui fare riferimento è questo:
http://www.joomlapolis.com/
Il pacchetto è in formato compresso, lo dovete decomprimere e vi troverete vari file.
- comprofiler.zip che contiene il pacchetto di installazione di CB;
- cblogin.zip che andrà a sostituire il Login Form di Joomla;
- mod_comprofileronline.zip che è il modulo che visualizza gli utenti registrati on line;
- mod_comprofilermoderator.zip che è il modulo per la moderazione.
Installate tutti questi file, il primo come componente, gli altri come moduli. Man mano che li
installate avrete la conferma dell’avvenuta installazione. Alla fine avrete nel menu
componenti del pannello di amministrazione di Joomla!, l’ulteriore voce COMMUNITY
BUILDER, con 7 sottovoci.
Installate anche i plugin, che troverete ovviamente nella sottodirectory plugin. In particolare
risulta importante il plugin plug_cbcaptcha, che attiva il filtro antispam e antirobot nel nuovo
modulo di Login per il Community Builder. I plugin devono essere pubblicati dal pannello di
controllo del CB per funzionare.
6
Adesso create un nuovo menu in UserMenu che potete chiamare Lista Link. Deve puntare a
questo URL:
index.php?option=com_comprofiler&task=usersList
Questa voce di menu eventualmente supporta la lista dei link degli utenti registrati e la ricerca
in essa. Settatelo come accesso Public o Registered.
Adesso è necessario creare i menu per il CB. Andate in UserMenu e selezionate New, poi
selezionate Component, e infine Community Builder. Selezionate Top come posizione e
Registered come accesso. Come nome potete scegliere quello che più vi aggrada, community
builder oppure Il tuo profilo ad esempio.
7
Selezionate Si per pubblicarlo e poi cliccate su Salva.
Adesso si deve sostituire il Login form di Joomla con quello fornito da CB. Andate in Moduli
Sito e deselezionate la pubblicazione per il Login Form. Poi cercate il mod_cblogin e
pubblicatelo. Eventualmente potete cambiargli nome in Login Form. Il livello di accesso deve
essere ovviamente Pubblico.
Alla fine avrete il login form originario di Joomla! sostituito con quello del CB.
In particolare potete notare la voce Password dimenticata, che consente il recupero della
password in caso di smarrimento.
8
Per il resto è identico al vecchio Login Form, tranne che per i campi da compilare nella fase di
registrazione. Qui potete vedere i campi da compilare per l’installazione, notate in particolare
il captcha (l’immagine con i numeri).
Ovviamente la registrazione è ampiamente configurabile, può anche selezionarsi una
registrazione moderata dall’amministratore.
Sempre in Moduli Sito pubblicate il modulo mod_comprofilermoderator, che visualizza le
attività pendenti per il singolo utente (es. l’upload di immagini sul sito). Anche questo modulo
deve avere accesso Registered.
Così avete installato il Community Builder.
9
Docman
DOCman, che funziona anche con Joomla! 1.5, è un gestore di documenti che consente di
caricare sul sito dei files ed organizzarli in categorie, mettendoli a disposizione per il
download. I files possono trovarsi anche in spazi web differenti da quello dove è situato il sito
Joomla!.
Scaricate Docman da questo sito: http://joomlacode.org/gf/project/docman/frs/
Troverete anche numerosi add-on e il file per tradurre il componente in italiano.
Installate il componente com_docman_xxxx.zip, otterrete la schermata di caricamento
confermato.
A questo punto abbiamo una nuova voce di menu.
10
A questo punto si rende necessario creare una nuova voce in uno dei menu visualizzati nella
home page. Selezioniamo Componente Docman.
Così abbiamo il menu che ci porta alla pagina di gestione documenti. Adesso dobbiamo
installare gli add-on. Prima di tutto installiamo il mambot di ricerca
(bot_docman_search.zip), che ci consente di effettuare ricerche tra i documenti inseriti in
11
Docman. Non dimentichiamo di pubblicarlo. Installiamo il plugin dell’editor
(bot_doclink.zip), che consente di inserire dei link ai file di Docman direttamente negli
articoli.
Il modulo mod_docman_catdown.zip mostra i documenti di una specifica categoria, il
modulo mod_docman_latestdown.zip, mostra gli ultimi documenti inseriti, mentre
mod_docman_lister.zip visualizza la lista dei documenti più popolari. Infine
mod_docman_mostdown.zip visualizza i documenti più scaricati dal sito.
Ricordate che sia i moduli che i plugin devono essere pubblicati per funzionare correttamente.
A questo punto vediamo sommariamente il funzionamento del componente.
Supponendo che abbiate un files PDF da caricare sul vostro sito, selezionate Files dal menu di
Docman, e cliccate su Upload. Nella schermata successiva dovete scegliere le modalità di
caricamento del file. Nel caso specifico selezioniamo Upload a file from your computer.
12
Nella schermata successiva selezioniamo il file e clicchiamo su Submit.
Joomla! ci avverte che il file è stato caricato correttamente. A questo punto selezioniamo
Make a new document entry using this file, così veniamo portati direttamente nella
schermata di creazione del documento (che si può raggiungere anche dal menu di Docman).
Per poter creare un documento, però, è necessario creare prima una categoria dove inserire il
documento, per cui se non la abbiamo ancora creata andiamo nel menu di Docman e
selezioniamo Categories, per creare una nuova categoria. A questo punto possiamo creare il
nuovo documento. Nella schermata di creazione del documento dovremo, ovviamente,
selezionare il file collegato al documento, mettere un nome al documento, e decidere se
approvarlo e pubblicarlo. È anche possibile linkare il file da un sito esterno e, inserire ulteriori
dettagli, come il link del sito di riferimento.
13
Nella scheda Permissions selezionate gli utenti che potranno accedere al documento
pubblicato, e coloro che si occuperanno della gestione del documento (in questo caso
l’Editor).
Avremo quindi una schermata così cliccando sul menu Docman in home page.
E cliccando sulla categoria Guide Joomla:
14
Il documento potrà essere scaricato dai gruppi di utenti selezionati nella scheda Permission,
semplicemente cliccando su Download. Cliccando su View il documento sarà visualizzato (se
il computer ha il visualizzatore giusto, in questo caso Adobe Reader®), e con Details
otteniamo ulteriori dettagli sul documento in questione.
Se volete Docman in italiano dovete decomprimere il pacchetto .zip della lingua italiana e
caricare via FTP i singoli file nelle rispettive cartelle
/administrator/components/com_docman/language/
e
/components/com_docman/themes/default/language/
Infine, gli utenti registrati sono abilitati ad inviare file al sito Joomla!, file che poi potranno
essere pubblicati previa approvazione di un Publisher o dell’Administrator.
Loggandosi al sito e andando alla pagina di Docman si avrà in più la voce Invia File.
15
Cliccando su questa voce si avrà la possibilità di caricare un file direttamente dalla home
page, selezionandolo dal proprio computer oppure caricandolo da uno spazio web. Si aprirà
una schermata nella quale inserire i dati del documento, come se si fosse all’interno del
pannello di controllo di Docman, nel lato amministrazione. Cliccando su Save (il segno di
spunta verde), invieremo il file. Joomla! ci da conferma dell’invio.
16
Nel caso specifico Joomla! ci consente di pubblicarlo direttamente, poiché il file è stato
inviato direttamente dall’amministratore, che ha tutti i permessi. Ma se fosse stato un utente
senza i permessi per decidere della pubblicazione di un file, questa attività avrebbe dovuto
farla successivamente un utente con permessi Publisher dalla voce Documents del menu
Docman.
Da questo sito è possibile recuperare ulteriori plugin per Docman.
17
http://main.mjaztools.com/
Ad esempio, MjazTools AutoThumb genera thumnails per tutte le immagini dei documenti
in Docman. Basta settare i parametri e pubblicare il mambot.
MjazTools BlogTheme, invece, utilizza il template del sito Joomla! Per uniformare la pagina
di Docman al resto del sito. Per installare il pacchetto è necessario entrare nel pannello
Themes del pannello di controllo di Docman e cliccare su Add, settando il tema di default.
Tenete presente che in caso doveste spostare il vostro sito su un altro server, per far
funzionare correttamente Docman dovete modificare il path alla riga 13 del file
/administrator/components/com_docman/docman.config.php
var $dmpath = "/path/dmdocuments";
EM Sql Admin
Questo componente consente di lavorare sul database MySql direttamente dal pannello di
amministrazione di Joomla. Lo potete scaricare dal sito:
http://www.emcomponents.net/
Basta installarlo e poi avrete la classica interfaccia di PhpMyAdmin nel pannello di controllo
del vostro sito Joomla.
Exposé 4
Exposé è una galleria di immagini dall’ottimo impatto grafico. La potete scaricare dal sito:
http://joomlacode.org/gf/project/expose
Questo è invece il sito ufficiale a cui fare riferimento:
http://gotgtek.net/cms/
18
Scaricate ed installate com_expose come componente. Avrete una schermata di conferma
dell’installazione.
In particolare, verificate che il vostro hosting abbia i requisiti richiesti dal componente, così
come precisati in System Requirements.
Cliccate su Continua per terminare l’installazione.
Create una nuova voce di menu, assegnandogli il componente Expose.
19
Infine decomprimete il pacchetto languages_4v6v3.zip, all’interno del quale prenderete il file
strings.xml nella cartella italian, che dovrà essere sovrascritto al file string.xml che si trova
nella cartella /components/com_expose/expose/config/. Fatto ciò avrete Exposé in italiano nel
front-end.
Per entrare nel pannello di gestione della galleria, avrete a disposizione, nel menu
Componenti, la voce Expose con quattro sottovoci. La prima, Manage Albums, serve a
gestire gli album, cioè le gallerie che creerete. Per entrare dovete utilizzare la password
manager.
20
Una volta entrati nel pannello di gestione degli album, troverete questa schermata:
21
Da questa schermata caricate le foto, o i video, e gestite i vari album. Le foto possono essere
caricate direttamente dal vostro computer (Upload photos), tenendo presente i limiti del
vostro hosting, ma anche direttamente da una cartella del vostro sito web (Add from bucket).
La seconda voce di menu, Configuration, consente la configurazione della galleria, e dei
parametri del componente. In particolare risulta molto utile in quanto spesso Exposè tende a
“uscire” dalla pagina web, per cui si rende necessario adattare la visualizzazione delle
immagini al sito.
22
Per una corretta configurazione è consigliato leggere il manuale che trovate sul sito di
Exposè.
La terza voce, Check System, vi consente di verificare se il vostro hosting consente di far
funzionare correttamente Exposè, il quale ha bisogno di una particolare configurazione del
PHP.
La quarta voce, Manual, vi consente di leggere il manuale direttamente dal sito da dove avete
scaricato Exposè.
23
Nel caso il vostro server non avesse le caratteristiche richieste da Exposé, potete sempre usare
l’Album Manager in locale (la versione stand-alone, per Windows o Mac), sul vostro
computer, e poi caricare le cartelle contenenti le foto sul sito web. Verificate il manuale di
Exposé per ulteriori informazioni.
Un modulo molto utile da installare è lo Scroller, che trovate sempre nel sito indicato sopra.
Caricatelo come modulo, al termine dell’installazione avrete a video le istruzioni per usarlo.
Cliccate su Continua, pubblicate il modulo, e infine scegliete la sua posizione. Avrete dieci
immagini scelte a caso da quelle inserite nelle gallerie di Exposé, che scrollano sulla home
page.
Jce Editor
JCE (Joomla Content Editor) è un componente che si aggiunge al nucleo di Joomla!
consentendo di creare e modificare articoli e contenuti, utilizzando una interfaccia molto
simile a quella dei comuni editor wysiwyg, come MS Word o OpenOffice. JCE va quindi ad
aggiungersi all’editor di default di Joomla!, cioè il TinyMCE, e si può sostituire ad esso,
selezionandolo in Configurazione Generale, scheda Sito, e poi in Gestione Utenti, scheda
Parametri.
Ricordate però che gli editor di Joomla! formattano il testo usando tag HTML, ed inoltre se
non viene applicata nessuna formattazione il testo viene pubblicato sulla base della
formattazione del file template_css.css. Ciò potrebbe portare ad una visualizzazione diversa
da quella che pensate di ottenere.
24
L’editor JCE lo possiamo scaricare dal sito del produttore:
http://www.cellardoor.za.net/
Dobbiamo preoccuparci di scaricare tutto il necessario, cioè:
-
com_jce_111.zip (il componente per la parte Admin);
bot_jce_118.zip (il mambot dell’editor);
e poi i plugin che ci interessano. Potremmo scaricare jce_joomla_110.zip, che serve per
aggiungere i bottoni per inserire i tag mosimage e mospagebreak, jce_iframe_111.zip, che
serve per aggiungere o editare gli iframes, ed anche i plugin per aggiungere i link alle
discussioni dei forum Fireboard e Joomlaboard e ai documenti di Docman
(jce_doclink_113.zip).
Possiamo anche scaricare il Language Pack ITA dal sito http://www.joomla.it/ .
Installiamo quindi prima il componente (com_jce) e poi il mambot (bot_jce) dal Menu
Installazioni. Ottenuto il messaggio di caricamento confermato, verifichiamo che la nuova
voce di Menu sia presente.
Andiamo direttamente in JCE Plugins, da dove carichiamo i plugin che abbiamo scelto. È
sufficiente cliccare su INSTALL e procedere selezionando il plugin con Sfoglia e poi cliccare
su Upload File & Install.
Noi abbiamo scelto di caricare i seguenti plugin: Jce Doclink, Jce EditArea, Jce iFrame, Jce
Joomla. Ricordatevi di pubblicare i plugin dopo averli installati.
25
Dopo di ciò andiamo sul menu Jce Languages e installiamo con la medesima procedura il
Language Pack ITA. Dopo torniamo in Jce Languages, selezioniamo la lingua appena
caricata, e clicchiamo su Pubblica per avere il Jce in Italiano.
A questo punto JCE è correttamente installato.
Per poterlo usare al posto dell’editor di default di Joomla!, cioè il TinyMCE, dovete però
modificare la voce Editor WYSIWYG predefinito in Configurazione Generale, selezionando
Jce Editor Mambot, e poi assegnare ai singoli utenti il nuovo editor, in Gestione Utenti. Nella
scheda Parametri, a destra dello schemro, troverete la voce Editor utente, dove dovete
selezionare Jce Editor Mambot. Così dovete fare per tutti gli utenti ai quali volete assegnare il
nuovo editor, altrimenti continueranno ad usare il TinyMCE.
La schermata dell’editor è molto simile a quella di un normale editor. Abbiamo infatti le
classiche icone di un editor wysiwyg. In più abbiamo i campi classici di Joomla!. In
particolare abbiamo il campo per selezionare Sezione e Categoria dell’articolo, i campi per
scegliere se mostrare l’articolo in home page e per pubblicarlo immediatamente, il campo per
il titolo e le icone per salvare l’articolo. L’icona Salva ci fa uscire dall’editor dopo aver
salvato, mentre l’icona Applica salva l’articolo senza uscire dall’editor. L’icona Chiudi,
invece, non salva l’articolo (o le modifiche), e esce dall’editor.
26
Anche con JCE la schermata è divisa in Testo introduttivo e Testo esteso, come accadeva col
TinyMCE.
Il JCE ha numerose icone che aiutano nella redazione dell’articolo e nella formattazione del
testo. È possibile, infatti, copiare testo direttamente da MS Word, già formattato, oppure
eliminare la formattazione del testo, inserire tabelle, codice HTML e Javascript, inserire
emoticons, inserire del testo con link attivo, modificare colori, dimensione e stile del testo,
ecc.
Attraverso il pannello di JCE è possibile inserire un immagine nell’articolo. Per fare ciò si
deve cliccare sull’icona apposita.
Si aprirà una finestra pop-up, dove è possibile selezionare l’immagine, la posizione rispetto al
testo e l’eventuale bordo. E’ anche possibile caricare direttamente l’immagine dal vostro
computer, se per caso non è già presente sul sito.
27
Dopo aver selezionato l’immagine e i parametri di visualizzazione, basta cliccare su Inserisci
e l’immagine sarà inserita nell’articolo, nel punto dove si trovava il cursore.
Se in seguito desideriamo modificare l’immagine dobbiamo cliccare sull’immagine, in modo
che sia selezionata e poi cliccare sull’icona Inserisci/Modifica immagine.
Nel caso il vostro sito avesse una grafica scura, potreste avere lo sfondo dell’area di testo
dell’editor JCE dello stesso colore del template grafico, con ovvie difficoltà nel leggere il
testo che immettete. In questo caso per riportare lo sfondo dell’area di immissione del testo al
28
colore bianco di default, basta cliccare sul mambot JCE Editor Mambot e selezionare NO in
Templates CSS Classes, nella scheda Parametri.
JEvents
JEvents è un componente per calendario, che consente di gestire eventi ed appuntamenti, i
quali vengono visualizzati, nei tempi scelti dall’amministratore, sul sito medesimo.
Lo scaricate da qui: http://joomlacode.org/gf/project/jevents/frs/
Qui invece c’è il demo con ulteriori informazioni sul funzionamento: http://www.jevents.net/
JEvents consiste di un componente, tre moduli (Events Calendar, che visualizza fino a tre
differenti calendari per ogni componente; Latest/Upcoming Events, che visualizza i prossimi
eventi; Events Legend, che visualizza la leggenda per le categorie degli eventi), e due mambot
(Search bot, che consente a Joomla! di cercare un evento tra quelli inseriti nel componente;
Event Report bot, per creare automaticamente link a eventi dopo che sono già passati).
Prima di tutto installiamo il componente, cioè com_events_1.4.2.zip (o versione superiore).
Otteniamo la conferma del caricamento del componente e della creazione delle tabelle nel
database.
Installiamo i moduli, mod_events_cal_1.4.2-1.zip, mod_events_latest_1.4.2.-1.zip, e
mod_events_legend_1.4.2-1.zip, e i due mambot, bot_events_reports_1.4.2-1.zip,
bot_events_search_1.4.2.-1.zip. non dimenticate di pubblicare i moduli che volete utilizzare.
Avremo a questo punto un nuovo menu in Componenti.
29
Portatevi in Configuration per inserire I parametri che più vi aggradano. In particolare dovete
inserire la vostra mail, scegliere chi potrà gestire ed inserire gli eventi (amministratore, utenti
registrati), il formato della data (scegliete Continental-German), e così via per tutte le schede.
Una volta terminate cliccate su Salva.
30
A questo punto create una nuova voce di menu per il componente, al fine di consentirne la
visualizzazione. Portatevi in Mainmenu, oppure nel menu dove volete inserire la voce, e
cliccate su Nuovo. Selezionate Componente e cliccate su Avanti.
Immettete il nome della nuova voce di menu e selezionate il componente, cioè Events. Poi
cliccate su Salva.
31
Ordinate le voci di menu, e quindi avrete la vostra nuova voce per il componente JEvents, che
porta a questa pagina:
32
Adesso inserite dal menu Manage Categories una nuova categoria, ricordandovi di
pubblicarla.
E dopo potrete inserire, da Manage Events, un evento.
33
Controllate se l’evento risulta pubblicato, come nell’immagine qui sopra, e poi verificate che
sia correttamente visualizzato sul sito.
Se cliccate sull’evento visualizzato otterrete una pagina con il dettaglio dell’evento
medesimo.
34
Adesso vediamo il funzionamento dei vari moduli e mambot. Il modulo Events Calendar da
una visualizzazione semplificata degli eventi, ed è molto utile da posizionare in home page.
Cliccando sulle date si va alla pagina del componente Eventi.
Il modulo Latest Events da un sommario degli eventi prossimi venturi.
Anche qui, cliccandoci sopra si giunge alla pagina del componente relativa all’evento
selezionato.
Il modulo Events Legend visualizza una leggenda relativa alle varie categorie inserite nel
componente Eventi.
35
Il mambot Search consente, ovviamente, di cercare un evento specifico tra quelli inseriti nel
componente. Ovviamente la ricerca la farete dal modulo Cerca del sito Joomla!.
Tenete presente che con alcuni componenti di riscrittura degli URL possono sorgere dei
problemi. In particolare ogni tanto sfoltite le URL al fine di evitare un errore (“too many
pages”) nella visualizzazione delle pagine di JEvents.
JoomlaComment
Questo è un componente per consentire ai visitatori di commentare gli articoli del sito. Il file
può essere scaricato da qui: http://joomlacode.org/gf/project/joomagecomment/
Questo è il sito demo dello sviluppatore: http://demo.acgeorgette.net/index.php
Installiamolo, ottenendo la schermata di conferma di caricamento.
Nel Menu Componenti troverete la nuova voce per JoomlaComment, che vi consentirà di
configurarlo secondo i vostri gusti. Potete stabilire se possono commentare tutti, o solo gli
utenti registrati, e se i commenti devono essere o meno approvati da un amministratore. Potete
inserire una lista delle parole vietate nei commenti. Si può inoltre stabilire se pubblicare l’IP
del commentatore, anche solo parzialmente, ed è anche possibile rispondere e citare i
commenti stessi.
Se scegliete di moderare i commenti, selezionate l’invio di email per ogni commento, così
riceverete un avviso e potrete andare nel pannello di controllo per decidere se pubblicare o
meno il commento.
36
La schermata dove inserire i commenti è molto colorata e ben curata.
Il commento risulta in questo modo, fermo restando che la grafica è sempre possibile
modificarla. Esistono vari template già predisposti, ed è anche possibile personalizzare il
layout. Esiste anche un sistema di votazione dei commenti, cliccando sulle manine verdi e
rosse.
37
Il componente in questione consente anche di importare i commenti da AkoComment.
Joomla Pack
JoomlaPack è un componente che consente di effettuare il backup del sito, compreso anche il
database MySql. E’ quindi da ritenersi un componente fondamentale, perché consente il
recupero (restore) del sito in caso di attacco hacker, oppure in tutti quei casi in cui il sito sia
irrimediabilmente danneggiato e non più recuperabile.
JoomlaPack lo si può scaricare dal sito dello sviluppatore: http://www.joomlapack.net/
Consiste in un solo componente, cioè com_joomlapack-1.1.0.zip. Scaricate il componente ed
installatelo sul sito. Ottenuta la schermata di caricamento confermato, non vi resta che andare
in Menu -> Componenti -> JoomlaPack. Ricordate che il componente può essere usato solo
da un SuperAdministrator.
Nella pagina Options avrete la possibilità di modificare i settaggi del componente, in
particolare la directory dove sarà salvato il backup del sito, che viene mantenuto, ovviamente,
in una cartella in remoto, dalla quale, se volete averne una copia sul vostro computer, dovrete
scaricarla via FTP.
Con Exclude Directories potete selezionare le cartelle da non inserire nel backup, utile se per
caso volete procedere al backup del solo sito Joomla, ma non di altre cose, ad esempio un
blog, un forum, che avete sul sito. In caso contrario JoomlaPack procede al backup di tutto il
sito.
Cliccando su Backup Now, procederete al backup del sito, con i settaggi selezionati.
38
L’opzione Backup Your Site consente di effettuare il backup dell’intero sito, compreso il
database, così da consentire il recupero del sito in un solo passaggio, mentre Backup Your
Database effettua il backup del solo database MySql in un SQL file.
Completato il backup del sito, o del database, avremo l’apposito messaggio di conferma, che
è identico nei due casi.
È ovvio che per aver un backup funzionante, dovremmo effettuare il backup sia del sito del
database.
Cliccando su Administer Backup Files, otterremo l’elenco dei file di backup. Con Delete
cancelliamo il backup, con Download possiamo scaricarlo sul nostro computer.
E’ interessante notare che cliccando su View Log si ottiene una schermata nella quale
possiamo verificare lo stato del sito navigando tra i meni, così da poter visualizzare quali
componenti e moduli erano installati al momento del backup.
39
Per ripristinare il sito dovete scompattare il file di backup (il .zip) nella cartella dove volete
effettuare il ripristino. Il file lo troverete nella seguente cartella:
/administrator/components/com_joomlapack/temp/.
Dovete puntare il browser a questa Url: http://www.miosito.it/installation/index.php .
L’importante è NON NAVIGARE sul sito prima del completamento dell’operazione di
ripristino.
Quindi procedete come se doveste installare Joomla!, e selezionate Installa Dati di Esempio
al passo 1 dell’installazione. Se state ripristinando il sito nello stesso host dove si trovava
prima, non dovete fare altro che proseguire cliccando su Avanti tra le varie schermate. In caso
contrario dovete modificare i dati del database.
Alla fine del processo di installazione dovrete inserire una password di amministratore.
Questa password, però, non ha alcun effetto. Infatti, trattandosi del ripristino del precedente
sito, la password che dovete utilizzare è quella del precedente sito.
Alla fine del ripristino cancellate la directory Installation.
Tenete presente che vi sono alcuni componenti (ad esempio Docman) che usano un path
assoluto e non relativo, per cui se usate JoomlaPack per spostare il vostro sito su un diverso
spazio web, dovete modificare questo path.
SMO Ajax Shoutbox
Questo è un componente che consente di chattare sul vostro sito, avendo a disposizione un
modulo veloce realizzato in Ajax. Supporta anche gli smilies. Lo potete trovare sul sito:
http://wael.nasreddine.com/projects/smo-ajax-shoutbox/
40
Scaricate il pacchetto all’interno del quale troverete un componente e un modulo da installare
attraverso il menu Installazioni.
Al termine del caricamento del componente verrete avvertiti di inserire un codice
nell’index.php del vostro template. Il codice è di questo tipo:
<link rel="stylesheet" href="<?php echo
$mosConfig_live_site;?>/modules/mod_smo_ajax_shoutbox_css.php" type="text/css" />
<script type="text/javascript" src="<?php echo
$mosConfig_live_site;?>/modules/mod_smo_ajax_shoutbox_js.php"></script>
Installate anche il modulo, poi andate in Sito -> Gestione Template -> Template del Sito,
selezionate il template in uso e cliccate su Mod. HTML. Si aprirà l’editor dell’index.php del
template e inserite nella sezione HEAD, prima del tag </head>, il codice sopra riportato.
Salvate.
Adesso nel menu Componenti troverete la voce SMO Ajax Shoutbox, dove potrete
configurare il componente.
In Moduli Sito dovrete pubblicare il modulo SMO Ajax Shoutbox, selezionare posizione e
ordine dei moduli.
41
Virtuemart
L’estensione VirtueMart consente di realizzare un sito di e-commerce, implementando un
sistema completo per integrare un negozio in un sito Joomla!.
VirtueMart offre le seguenti caratteristiche:
-
prodotti e categorie illimitati con possibilità di annidamento degli stessi;
vendita di prodotti scaricabili, come ebook, video, MP3 e software;
attributi aggiuntivi per i prodotti (taglia, colore, ecc…);
possibilità di effettuare aste;
possibilità di importazione da file CSV;
modulo di benvenuto che mostra le statistiche, come numero di clienti e ordine;
amministrazione da internet;
diverse valute e paesi;
diversi indirizzi di spedizione per i singoli clienti;
sistemi di tassazione differenziati;
crittografia SSL;
diverse possibilità di pagamento (ad esempio carte di credito o PayPal);
opzione per informare il cliente quando un ordine viene spedito.
Installazione di Virtuemart
L’installazione è molto semplice. Basta scaricare il pacchetto VIRTUEMART 1.0.12
COMPLETE PACKAGE dal sito:
http://virtuemart.net/
e decomprimerlo in una directory. Il risultato sarà di avere 16 file in questa directory.
Dal pannello di controllo di Joomla! installate per primo il componente
com_virtuemart_1.0.12.zip.
Avrete la schermata di benvenuto di VirtueMart.
42
Qui potrete scegliere se installare il componente con i dati di esempio (Installa SAMPLE
DATA) oppure un negozio vuoto (Go directly to the Shop). Per questa volta scegliamo di
installare i dati di esempio.
Creati i dati di esempio viene mostrata una schermata che indica la corretta installazione e
l’interfaccia di amministrazione del negozio virtuale.
43
Adesso installate il modulo mod_virtuemart_1.0.12.tar.gz. Andate in Moduli Sito, troverete
il nuovo modulo VirtueMart Module, posizionatelo dove volete nel sito Joomla e
pubblicatelo.
Altri moduli e mambot
Quelli che avete installato sono i due file necessari per il funzionamento di VirtuMart. Ma ci
sono altri moduli che consentono l’espansione delle funzionalità del negozio on line.
Il modulo mod_virtuemart_search_1.0.12.tar.gz visualizza una casella di ricerca con la
quale gli utenti possono cercare un prodotto specifico.
Il modulo mod_product_categories_1.0.12.tar.gz visualizza le categorie presenti in
VirtueMart.
44
Il modulo mod_productscroller_1.0.12.tar.gz visualizza i prodotti presenti in una piccola
finestra usando uno scroller (marquee tag).
Il modulo mod_virtuemart_allinone_1.0.12.tar.gz visualizza in una finestra le immagini di
prodotti scelti sulla base di determinati parametri, ad esempio i più recenti, i più venduti, e
così via.
Il modulo mod_virtuemart_cart_1.0.12.tar.gz visualizza un riassunto del contenuto del
carrello (cart) col link al carrello vero e proprio.
45
Il modulo mod_virtuemart_featureprod_1.0.12.tar.gz visualizza I prodotti speciali.
Il modulo mod_virtuemart_latestprod_1.0.12.tar.gz visualizza gli ultimi prodotti immessi
nel catalogo.
46
Il modulo mod_virtuemart_manufacturers_1.0.12.tar.gz visualizza un modulo di ricerca
per i produttori, con la possibilità di visualizzare tutti I prodotti del singolo produttore.
Il modulo mod_virtuemart_randomprod_1.0.12.tar.gz visualizza dei prodotti a caso di una
categoria specificata.
Il modulo mod_virtuemart_topten_1.0.12.tar.gz visualizza i prodotti più venduti.
Il mambot virtuemart.searchbot_1.0.12.tar.gz consente una ricerca dei prodotti tramite il
modulo di ricerca di Joomla!.
Il mambot mosproductsnap_1.0.12.tar.gz consente la visualizzazione dei prodotti negli
articoli di Joomla!.
Entrambi i mambot, come del resto tutti i moduli, devono essere pubblicati per essere usati.
Un modulo essenziale è il Language_pack_for_VirtueMart_1.0.12.tar.gz, che consente di
modificare la lingua del componente nel linguaggio scelto. Basta decompremere il package e
caricare tramite FTP il file italian.php nella directory
/administrator/components/com_virtuemart/languages/
La lingua corretta sarà selezionata automaticamente e tutti i Menu cambieranno in italiano.
47
Un altro modulo molto interessante è mod_virtuemart_luckyphoto_1.0.tar.gz, modulo che
consente di avere due foto per ogni articolo, un thumb (anteprima) e la foto normale. Viene
presentata l’anteprima, e cliccando su di esse si apre la foto a grandezza normale.
Usare Virtuemart
Cliccando sulle categorie (Hand Tools nell’esempio) si accede ai singoli prodotti.
Cliccando sul nome dell’articolo (ad esempio Hammer) si entra nella pagina dei dettagli.
Cliccando su Manufacturer (Fabbricante) o su Vendor Information (Informazioni Venditore)
si aprirà una finestra con le informazioni sul fabbricante e sul venditore del prodotto.
Cliccando su View Full Image Size (Visualizza Ingrandimento) si apre una finestra con una
immagine più dettagliata del prodotto.
48
Configurare Virtuemart
Per configurare il componente vi dovete portare nel Menu Componenti -> VirtueMart. Si
aprirà la schermata Your Store Control Panel (Il tuo negozio Pannello di controllo) che
avete visto sopra.
Per prima cosa cliccate su Edit Store (Modifica negozio), dove potete inserire tutte le
informazioni sul negozio ed eventualmente anche il vostro logo.
Ovviamente avete la possibilità di modificare molti parametri, come la valuta, il simbolo di
valuta, e così via. Alla fine cliccate sul radiobutton Salva.
Nel menu Tax (I.V.A.) potrete aggiungere le percentuali di tassazione per L’Italia. E nel menu
Admin -> Configuration (Amministrazione -> Configurazione) potrete specificare i dettagli
delle diverse aree del negozio, come la possibilità di attivare il download di prodotti tipo
software.
Tutte questa operazioni si svolgono a partire dalla toolbar di VirtueMart, oppure dalla
schermata Your Store Control Panel.
Dal menu Products (Prodotti) potete avere una lista di tutti i prodotti o delle categorie inserite
nel negozio e, ovviamente, crearne altri.
Affinché il negozio virtuale funzioni correttamente è necessario configurare Joomla! in modo
che gli utenti abbiano la possibilità di registrarsi (Permetti registrazione utenti nella scheda
Sito nel pannello Configurazione Generale). Inoltre deve essere attivata la voce Usa
attivazione nuovi account (sempre nella scheda Sito).
Gli ordini
Il cliente seleziona l’articolo che desidera acquistare e lo inserisce nel carrello cliccando su
Add to Cart (Aggiungi).
49
Alla fine della selezione degli articoli viene mostrato il carrello (cart).
50
Cliccando su Continue Shopping (Continua lo shopping) si possono scegliere altri prodotti da
aggiungere al carrello, oppure cliccando su Checkout (Cassa) si attiva la procedure per gli
ordini.
Quando il cliente ha emesso un ordine, questo compare nell’interfaccia di amministrazione
del negozio in Orders -> List Orders (Ordini -> Lista degli ordini).
XMap
Xmap è un componente che consente di creare una mappa che visualizzi la struttura del sito
Joomla!, da fornire a Google come sitemap. Il componente è compatibile con Joomla! 1.5.
Potete scaricarlo da questo sito: http://joomla.vargas.co.cr/
Oltre al componente e la sua traduzione in italiano, esistono numerosi plug-in da utilizzare per
la corretta visualizzazione dei contenuti degli altri componenti di Joomla!.
Installate il componente, otterrete la schermata di conferma.
51
La gestione del componente è molto semplice. Il mainmenu è inserito di default, potete
aggiungere dal pannello di controllo del componente altri menu.
Da opzioni potete modificare la frequenza degli aggiornamenti, e decidere se inserire i vari
menu nella mappa del sito e nel file XML da fornire a Google.
52
Cliccando sulla freccia verso il basso si apre un nuovo menu che vi consente di settare i
parametri del componente, ma in particolare vi fornisce l’URL da dare a Google come
sitemap.
Per installare i plug-in dovete scompattare i file .ZIP e caricare, via FTP, i file php nella
seguente cartella:
/administrator/component/com_xmap/plugins/
53
MODULI
La pagina di un sito Joomla! è costituita da diversi blocchi nei quali è possibile visualizzare
vari tipi di contenuto. Per poter verificare il template in uso quali blocchi visualizza possiamo
usare questa procedura. Andiamo nel Menu Sito, e poi clicchiamo su Anteprima - > Sito nel
pannello di controllo con blocchi modulo.
Un modo altrettanto semplice è aggiungere alla Url del vostro sito questo codice:
/index.php?tp=1
Le aree dei moduli possono contenere un modulo già predisposto, oppure possiamo usarle per
far apparire un modulo che creiamo noi all’occorrenza. Esistono molti blocchi all’interno di
un sito Joomla!, anche se non tutti vengono visualizzati contemporaneamente. Ma è possibile
modificare questa visualizzazione, che dipende dal template grafico, personalizzando così il
sito. In particolare si tenga presente che i nomi assegnati ai moduli (user1, banner, left,
right….) hanno solo valore di etichetta, non sono vincolanti, per cui potremmo far apparire un
banner nel modulo footer, o nel modulo header. In un blocco modulo è anche possibile far
apparire più di un modulo, un modulo può essere visualizzato in tutte le pagine di un sito
oppure solo in alcune di esso, ma si deve tener conto della dimensione dei moduli, nel senso
che il contenuto (ad esempio un video) non può essere più grande delle dimensioni massime
del blocco modulo.
Joomla!, inoltre, consente anche di creare nuovi blocchi modulo.
La gestioni dei moduli avviene attraverso il menu Moduli.
54
Tramite la voce Moduli sito richiamiamo il pannello che consente la gestione dei singoli
moduli.
In alto a destra abbiamo le icone che consentono la gestione vera e propria dei moduli, cioè la
pubblicazione, la sospensione, la copia, cancellazione, modifica e la creazione di un nuovo
modulo. Più in basso abbiamo i filtri di ricerca che consentono di limitare la visualizzazione
dei moduli nella finestra. Più sotto ancora abbiamo l’elenco dei moduli, con evidenziato se
sono pubblici (icona verde-blu) o meno (croce rossa). A fianco all’accesso troviamo la
posizione, che indica in quale blocco modulo viene visualizzato il modulo, poi in quali pagine
del sito viene visualizzato, infine l’ID, che serve a Joomla! per identificare il modulo.
Cliccando sul nome del modulo passiamo al pannello di configurazione del modulo, che
ovviamente differisce a seconda dei moduli.
Caratteristiche comuni sono il titolo, la posizione (cioè il blocco modulo), l’ordine del modulo
all’interno della posizione, il livello di accesso, se deve essere visualizzato o meno
(pubblicazione), l’ID e la descrizione.
55
D4J Transmenu
Il TransMenu è utile per creare dei menu a scorrimento (o a tendina), cioè sliding menus. Per
fare ciò scaricate da questo sito il modulo D4J TransMenu:
http://designforjoomla.com/
Installate il modulo.
Create una nuova voce di menu nel sito. Andate quindi in Menu e cliccate su OtherMenu.
Cliccate quindi su NUOVO, collegatelo con una notizia, ad esempio, e salvate.
Create adesso il menu a tendina, inserendo due nuove voci nel menu. La differenza in questo
caso sta nel fatto che le due nuove voci dovranno avere come Parent Item non la voce TOP,
ma la voce precedentemente creata, cioè nel nostro esempio Prova TransMenu.
56
Così alla fine avrete le voci di menu in questo modo:
Adesso tornate al modulo TransMenu, aprendo la schermata di configurazione del modulo, e
pubblicatelo.
57
Nella sezione PARAMETRI dovete selezionare il Menu che si intende rendere interattivo. In
questo caso selezionate OtherMenu.
Salvate e poi nella schermate successiva de-pubblicate il menu OtherMenu.
58
Il nuovo menu funziona egregiamente.
Adesso occorre solo modificare l’aspetto del menu. Per fare questo tornate nel modulo e
apportate le modifiche che ritenete opportune. In particolare si può osservare che Menu
Background Color è il colore di sfondo del menu, Opacity è il grado di trasparenza.
59
MAMBOT
All videos plugin
Questo plugin consente di inserire video, anche in streaming, in un contenuto o articolo.
Scaricatelo da questo sito http://www.joomlaworks.gr/ ed installatelo come mambot.
Questo plugin vi consente di utilizzare moltissimi formati video e audio, e di inserirli nel
vostro sito. Per conoscere le modalità di inserimento vi basta cliccare sulla linguetta Usage
instructions.
Ad esempio, per inserire un video che si trova su YouTube, vi basta prendere l’id, cioè la
parta finale della URL e inserirla tra i tag:
{youtube}video_id{/youtube}
Quindi se il link del video è :
60
http://www.youtube.com/watch?v=cdXTDovB9K8
allora l’id sarà cdXTDovB9K8.
Per utilizzare anche più semplicemente questo plugin potete installare anche il plugin All-inOnevideodePocheButtons, che trovate qui: http://www.videodepoche.com/
Questo plugin vi consente di avere una serie di icone nella pagina dell’editor con le quali
potrete più semplicemente inserire i tag necessari per AllVideosPlugin.
Simple Image Gallery
Simple Image Gallery è un plugin (mambot) che consente di creare una galleria di immagini
sul sito Joomla! Per creare la galleria è sufficiente inserire le foto che faranno parte della
galleria in una cartella nella cartella /images/stories/ di Joomla! Poi si deve installare il plugin,
scaricandolo da questo sito:
http://www.joomlaworks.gr/
Fate attenzione che esiste anche una versione Pro del plugin, che però è a pagamento.
Installate il plugin come mambot, e nella schermata di conferma installazione troverete le
istruzioni (usage instructions) per il suo funzionamento.
61
Dopo aver installato il plugin, lo si deve pubblicare, ed infine si può inserire la galleria in un
articolo. Per fare ciò si inserisce tra i tag il nome della cartella dove sono state caricate le
immagini. Supponendo che la cartella si chiami “galleria”, avremo i tag in questo modo:
{gallery}galleria{/gallery}
Ovviamente la cartella deve trovarsi in /images/stories/
Le immagini saranno mostrate in forma di thumbnail, automaticamente creati dal mambot, le
cui dimensioni sono modificabili nei parametri del plugin.
Così si presenta la galleria creata:
62
Cliccando sulle immagini queste si aprono nella pagina con il classico e conosciutissimo
effetto light box.
63
64
LICENZA E CREDITS
I diritti di quest’opera appartengono interamente all’autore Bruno SAETTA
(http://bsaett.altervista.org/ ).
L’opera per volontà dell’autore è pubblicata con licenza Creative Commons
(http://creativecommons.org/licenses/by-nc-sa/2.5/it/ ) e può essere liberamente distribuita
purché non siano modificati i riferimenti agli autori dei rispettivi contributi. L’opera può
anche essere modificata a condizione che il lavoro risultante sia distribuito con identica
licenza Creative Commons. L’opera non può essere usata a fini commerciali.
Questa licenza lascia impregiudicati i diritti morali.
65

Joomla! Componenti, moduli e mambot

Transcript

Documenti analoghi

Facile? - Tutto quello che c`è da sapere su: NSLU2

Kyusho-jitsu

Tamagotchi Connexion Versione 1

TeleSport di TVA Vicenza, 25-3-2011

Creazione del Sito con Blocco Note, FrontPage, Dreamweaver® ecc

Programma Web Design - Top

Ginnastica - ting

Elegy written in a country churchyard - Notebook Italia

GUIDA CREAZIONE SITO WEB CON ALTERVISTA E JOOMLA