WWW.ICTIME.ORG
Joomla 1.5 Manuale d’uso Cimini – Simonelli ‐ Testa
Cecilia Cimini – Angelo Simonelli – Francesco Testa Joomla 1.5 – Manuale d’uso
V.1 ‐ 31 Gennaio 2008 ICTime.org non si assume nessuna responsabilità per danni causati direttamente o indirettamente dai contenuti del sito. Tutti i marchi citati e i loghi riprodotti sul manuale appartengono ai rispettivi proprietari. Questo manuale utilizza la Creative Commons License www.ictime.org ‐ info@studiosimonelli.net
2 ICTime.org – Joomla 1.5 – Manuale d’uso – Licenza Creative Commons
Sommario Introduzione .................................................................................................................................................. 4 Scaricare Easy PHP ......................................................................................................................................... 4 Scaricare Joomla 1.5 ...................................................................................................................................... 4 Installazione di Joomla .................................................................................................................................. 5 Prima fase ‐ Lingua .................................................................................................................................... 6 Seconda fase – Controlli pre‐installazione ................................................................................................ 6 Terza fase – Licenza ................................................................................................................................... 7 Quarta fase – Configurazione database .................................................................................................... 7 Quinta fase – Configurazione FTP.............................................................................................................. 8 Sesta fase – Configurazione principale ...................................................................................................... 8 Settima fase – Conclusione........................................................................................................................ 9 La prima schermata ................................................................................................................................... 9 Il pannello di amministrazione ................................................................................................................ 10 Amministrazione di Joomla ......................................................................................................................... 10 Configurazione ......................................................................................................................................... 11 Creazione dei contenuti .............................................................................................................................. 13 Creazione di una Sezione ......................................................................................................................... 14 Creazione di una Categoria ...................................................................................................................... 15 Creazione di un Articolo .......................................................................................................................... 16 Inserire un articolo nel menù ...................................................................................................................... 18 Modificare o eliminare una sezione ............................................................................................................ 20 Eliminare o modificare una categoria ......................................................................................................... 20 Eliminare o modificare un articolo .............................................................................................................. 21 Inserire un form per i contatti ..................................................................................................................... 21 Inserire un sondaggio .................................................................................................................................. 26 Inserire un form di ricerca ........................................................................................................................... 28 Modificare il template grafico del sito ........................................................................................................ 30 Gestione della Home Page .......................................................................................................................... 32 Gestire gli utenti .......................................................................................................................................... 33 Altri moduli .................................................................................................................................................. 34
3 ICTime.org – Joomla 1.5 – Manuale d’uso – Licenza Creative Commons
Introduzione Quella che vi proponiamo non è un manuale vero e proprio, ma un tutorial. Creeremo un sito web utilizzando Joomla 1.5 spiegandovi passo per passo cosa stiamo facendo. Il sito verrà creato in locale utilizzando Easy PHP 2.0, Windows Vista e Joomla 1.5.
Scaricare Easy PHP Scarichiamo Easy PHP dal seguente link http://sourceforge.net/project/showfiles.php?group_id=14045 cliccando sul pulsante “Download”.
Al termine del download istalliamo il programma con un doppio clic del mouse sul file EasyPHP‐2.0b1‐ setup.exe. Terminato il processo di istallazione avviamo il programma. Per verificare se l’avvio di EasyPHP è avvenuto in maniera corretta controlliamo se l’icona del programma è presente nell’area di notifica.
Scaricare Joomla 1.5 Joomla 1.5 è disponibile gratuitamente e il lingua italiana sul sito di supporto italiano www.joomla.it. Al momento il link per avviare il download è presente nella home page del sito.
4 ICTime.org – Joomla 1.5 – Manuale d’uso – Licenza Creative Commons
Nel caso contrario possiamo trovarla nella sezione “Downloads”. Al termine del download decomprimiamo il file joomla‐1.5.0_ita.zip e copiamolo nella cartella C:\Programmi\EasyPHP 2.0b1\www . Per il nostro esempio abbiamo modificato il nome della cartella con Sito_Joomla.
Installazione di Joomla È arrivato finalmente il momento di installare Joomla e di cominciare a lavorare al nostro sito. Posizioniamo il puntatore sull’icona di Easy PHP, presente nell’area di notifica, e premiamo il tasto destro del mouse. Selezioniamo la voce “Sito locale”.
Viene visualizzato il contenuto della cartella www. Clicchiamo sulla cartella “Sito Joomla”.
5 ICTime.org – Joomla 1.5 – Manuale d’uso – Licenza Creative Commons
L’installazione di Joomla si articola in sette fasi, vediamole: Prima fase Lingua Selezioniamo la lingua desiderata, nel nostro caso l’Italiano e clicchiamo sul pulsante “Avanti” .
Seconda fase – Controlli preinstallazione Joomla effettua un controllo generale per verificare la presenza di tutti gli elementi necessari all’installazione e al funzionamento del CMS. Se tutti i valori sono positivi (verdi) possiamo procedere cliccando sul pulsante “Avanti”.
6 ICTime.org – Joomla 1.5 – Manuale d’uso – Licenza Creative Commons
Terza fase – Licenza Leggiamo attentamente la licenza GNU (General Public License) e clicchiamo sul pulsante “Avanti”.
Quarta fase – Configurazione database Inseriamo i parametri standard di Easy PHP. Tipo database: mysql Nome Host: localhost Nome utente: root Password: lasciamo vuoto Prefisso tabelle: jos_
7 ICTime.org – Joomla 1.5 – Manuale d’uso – Licenza Creative Commons
Nel caso di installazione in remoto, i parametri di configurazione del database saranno forniti dall’amministratore del server. Quinta fase – Configurazione FTP Possiamo consentire a Joomla di settare i permessi delle cartelle. Questa opzione è particolarmente utile se installiamo Joomla su un server Linux. Nel nostro caso lasciamo spuntata l’opzione “No” e premiamo il pulsante “Avanti”.
Sesta fase – Configurazione principale Inseriamo il nome del sito, la casella di e‐mail dell’amministratore, la password di accesso per la gestione del CMS.
8 ICTime.org – Joomla 1.5 – Manuale d’uso – Licenza Creative Commons
In questa fase possiamo scegliere se installare dati di esempio che ci faciliteranno nella comprensione del CMS. Settima fase – Conclusione Ci siamo quasi, non ci resta che cancellare la cartella “installation” presente in C:\Programmi\EasyPHP 2.0b1\www\ Sito_Joomla. Ora Joomla è pronto, possiamo accedere al Sito oppure al Pannello di Amministrazione utilizzando i pulsanti presenti in alto a sinistra.
La prima schermata Accedendo al sito visualizzeremo la pagina iniziale priva di contenuti.
9 ICTime.org – Joomla 1.5 – Manuale d’uso – Licenza Creative Commons
Il pannello di amministrazione Accedendo al pannello di amministrazione visualizzeremo una schermata in cui inserire il nome utente (admin) e la password (impostata nella sesta fase dell’installazione) necessari all’accesso.
Amministrazione di Joomla Per accedere al pannello di amministrazione inseriamo /administrator/ all’indirizzo del nostro sito. Se l’indirizzo del nostro sito è http://127.0.0.1/Sito_Joomla il pannello di amministrazione sarà http://127.0.0.1/Sito_Joomla/administrator/ .
Inseriamo il Nome utente, la Password e clicchiamo sul pulsante “Login”.
10 ICTime.org – Joomla 1.5 – Manuale d’uso – Licenza Creative Commons
Nella schermata iniziale del pannello abbiamo una barra dei menù, dieci link veloci con relative icone ed un box che mostra gli utenti connessi, gli articoli più letti, gli articoli recenti e le statistiche relative ai menù. Configurazione Per prima cosa apriamo il pannello “Configurazione” cliccando sulla relativa icona oppure su “Sito/Configurazione”.
Il pannello di configurazione globale è organizzato in tre parti (Sito, Sistema e Server) accessibili con relativi link presenti nella schermata.
11 ICTime.org – Joomla 1.5 – Manuale d’uso – Licenza Creative Commons
La schermata “Sito” è composta da tre sezioni: 1. Configurazione Sito: possiamo cambiare lo stato del sito in offline. In questo caso il sito sarà accessibile solo dagli amministratori, mentre i visitatori visualizzeranno la frase inserita nel box “Messaggio sito offline”. 2. Configurazione Metadata: inseriamo la descrizione e le parole chiave del sito. Scegliamo, inoltre, di mostrare i meta tag del titolo e dell’autore. 3. Configurazione SEO: impostiamo “Si” alla prime ed alla terza opzione. In questo modo l’indirizzo delle nostre pagine verrà ottimizzato per facilitare l’indicizzazione da parte dei motori di ricerca. Confermiamo cliccando sul pulsante “Applica” La schermata “Sistema” è composta da sei sezioni: 1. Configurazione di Sistema: lasciamo le impostazioni di default. 2. Configurazione Utente: lasciamo le impostazioni di default, in questo modo gli utenti potranno registrarsi ed otterranno il livello di privilegi “Registered”. 3. Configurazione Media: lasciamo le impostazioni di default . In questo modo accetteremo le estensioni elencate nel box “Estensioni consentite”, la dimensione massima dei singoli file sarà di 10.000.000 di byte. I file verranno salvati nella cartella images, mente le immagini in images/stories. Infine le immagini potranno essere solo dei seguenti formati bmp,gif,jpg,png. 4. Configurazione Debug: lasciamo le impostazioni di default. 5. Configurazione Cache: lasciamo le impostazioni di default. 6. Configurazione Sessione: lasciamo le impostazioni di default. In questo modo ogni sessione avrà una durata di 15 minuti. Confermiamo cliccando sul pulsante “Applica”
12 ICTime.org – Joomla 1.5 – Manuale d’uso – Licenza Creative Commons
La schermata “Server” è composta da cinque sezioni: 1. Configurazione Server: lasciamo le impostazioni di default. 2. Configurazione Locale: scegliamo la nostra “Time zone” 3. Configurazione FTP: inseriamo i parametri di accesso al nostro spazio FTP (nel nostro caso, lavorando in locale, lasciamo vuoto ) 4. Configurazione Database: lasciamo le impostazioni di default (i parametri per la connessione al database sono già stati inseriti nella fase di installazione) 5. Configurazione Email: inseriamo l’indirizzo della nostra casella e‐mail ed eventualmente i parametri del server SMTP (nel nostro caso lasciamo i valori di default, inseriti nell’installazione di joomla). Confermiamo cliccando sul pulsante “Salva”
Creazione dei contenuti È necessario, prima di continuare, analizzare in che modo Joomla organizza i contenuti.
Sezione 1
Categoria 1
Articolo 1 Articolo 2 Articolo 3 Articolo n
Categoria 2
Articolo 1 Articolo 2 Articolo 3 Articolo n
Categoria n
Articolo 1 Articolo 2 Articolo 3 Articolo n
13 ICTime.org – Joomla 1.5 – Manuale d’uso – Licenza Creative Commons
Come è evidente dall’immagine appena proposta, la struttura dei contenuti è organizzata in Sezioni, Categorie ed Articoli: ‐ ‐
Sezioni: contengono categorie. Categorie: contengono articoli.
Creazione di una Sezione Nella schermata iniziale clicchiamo sul pulsante “Gestione sezioni”
Nella schermata “Gestione sezioni” clicchiamo sul pulsante “Nuovo”
Inseriamo il titolo della sezione, l’alias (opzionale) e scegliamo se pubblicarla o no. È possibile anche rendere la sezione accessibile a tutti o solo ad utenti con un determinato livello di accesso. Nel nostro caso ci limitiamo a compilare il box “Titolo” e lasciamo, per tutti gli altri campi, i valori di default.
14 ICTime.org – Joomla 1.5 – Manuale d’uso – Licenza Creative Commons
Per confermare e procedere alla creazione della sezione premiamo il pulsante “Salva”. Creazione di una Categoria Nella schermata iniziale clicchiamo sul pulsante “Gestione categorie”
Nella schermata “Gestione categorie” clicchiamo sul pulsante “Nuovo”
Inseriamo il titolo della categoria, l’alias (opzionale) e scegliamo se pubblicarla o no. È possibile anche rendere la categoria accessibile a tutti o solo ad utenti con un determinato livello di accesso. Nel nostro caso ci limitiamo a compilare il box “Titolo”, scegliamo “Informazioni generali” come sezione di appartenenza e lasciamo, per tutti gli altri campi, i valori di default.
Per confermare e procedere alla creazione della categoria premiamo il pulsante “Salva”. 15 ICTime.org – Joomla 1.5 – Manuale d’uso – Licenza Creative Commons
Creazione di un Articolo Nella schermata iniziale clicchiamo sul pulsante “Nuovo articolo”
Inseriamo il titolo dell’articolo, la sezione, la categoria, scegliamo se pubblicarlo o no e se inserirlo in prima pagina (nel nostro caso pubblicato, ma non presente nella prima pagina). Nella parte centrale della schermata possiamo inserire il contenuto con l’aiuto dell’editor TinyMCE.
A sinistra ci sono tre utili strumenti per impostare i parametri dell’articolo, i parametri avanzati e le informazioni metadata. In particolare nella sezione “Parametri avanzati” possiamo scegliere quale informazioni aggiuntive mostrare insieme al contenuto dell’articolo.
16 ICTime.org – Joomla 1.5 – Manuale d’uso – Licenza Creative Commons
Posizionando il puntatore del mouse sulle varie voci viene visualizzato un box che ci guida nella scelta delle opzioni.
Per confermare e procedere con la creazione dell’articolo premiamo il pulsante “Salva”. Nelle varie schermate utilizzate per creare sezioni, categorie ed articoli non abbiamo compilato il campo “Alias”. In questo caso sarà Joomla a compilarlo automaticamente. L’alias sarà uguale al nome dell’oggetto con l’aggiunta del simbolo “‐“ al posto degli spazi, ad esempio per l’articolo “Chi siamo”, l’alias sarà “Chi‐ siamo”. L’editor TinyMCE, presente in molte schermate di Joomla, oltre alle classiche barre degli strumenti ha anche un pulsante in basso che consente di inserire immagini.
17 ICTime.org – Joomla 1.5 – Manuale d’uso – Licenza Creative Commons
Premendo il pulsante “Immagine” si aprirà una finestra e sarà possibile selezionare un immagine esplorando le varie cartelle di Joomla o caricando un file presente nel nostro computer.
Inserire un articolo nel menù Abbiamo creato l’articolo “Chi siamo” ora dobbiamo creare una voce di menù che consenta di accedere alla pagina. Nella schermata iniziale clicchiamo sul pulsante “Menù” e scegliamo la voce “Menù Principale”
Nella schermata “Gestione voci di menù” clicchiamo sul pulsante “Nuovo”
Viene visualizzato un menù ad albero, apriamo la voce “Articoli” e clicchiamo su “Aspetto articolo”.
18 ICTime.org – Joomla 1.5 – Manuale d’uso – Licenza Creative Commons
Inseriamo il titolo, selezioniamo l’articolo utilizzando il pulsante “Seleziona” presente nel box “Parametri standard” e clicchiamo sul pulsante “Applica” per confermare.
In questa schermata è anche possibile scegliere in quale menù mostrare la voce, a quale livello di accesso renderla visibile e se aprirla nella stessa finestra o in una nuova. È il momento di controllare se il collegamento all’articolo è stato inserito nel menù Apriamo la prima pagina del nostro sito e verifichiamo la presenza della nuova voce “Chi siamo” nel menù. Cliccando su “Chi siamo” accederemo alla pagina.
19 ICTime.org – Joomla 1.5 – Manuale d’uso – Licenza Creative Commons
Modificare o eliminare una sezione Nella schermata iniziale clicchiamo sul pulsante “Gestione sezioni”
Nella schermata “Gestione sezioni” selezioniamo la sezione che vogliamo modificare ( spuntando la casella a sinistra del nome) e premiamo il pulsante “Modifica” o “Elimina” in base all’operazione che vogliamo effettuare.
Eliminare o modificare una categoria Nella schermata iniziale clicchiamo sul pulsante “Gestione categorie”
20 ICTime.org – Joomla 1.5 – Manuale d’uso – Licenza Creative Commons
Nella schermata “Gestione categorie” selezioniamo la categoria che vogliamo modificare spuntando la casella a sinistra del nome quindi premiamo il pulsante “Modifica” o “Elimina.”
Eliminare o modificare un articolo Nella schermata iniziale clicchiamo sul pulsante “Gestione articoli”
Nella schermata “Gestione categorie” selezioniamo la categoria che vogliamo modificare ( spuntando la casella a sinistra del nome) e premiamo il pulsante “Modifica” o “Elimina.”
Inserire un form per i contatti Apriamo il menù “Componenti”, scegliamo la voce “Contatti” e clicchiamo su “Categorie”
21 ICTime.org – Joomla 1.5 – Manuale d’uso – Licenza Creative Commons
Visualizzato l’elenco delle categorie(nel nostro caso ancora vuoto) clicchiamo sul pulsante “Nuovo”
Inseriamo il titolo della categoria e, per confermare, clicchiamo sul pulsante “Salva”
Ora che abbiamo una categoria procediamo con l’inserimento di un contatto. Apriamo il menù “Componenti”, scegliamo la voce “Contatti” e clicchiamo su “Contatti”
22 ICTime.org – Joomla 1.5 – Manuale d’uso – Licenza Creative Commons
Nella schermata “Gestione contatti” clicchiamo sul pulsante “Nuovo”
Nella schermata “Contatto” inseriamo le informazioni relative al contatto. Nella sezione “Parametri contatto” possiamo scegliere quali informazioni mostrare. Per confermare clicchiamo sul pulsante “Salva”
23 ICTime.org – Joomla 1.5 – Manuale d’uso – Licenza Creative Commons
Non ci resta che inserire la voce “Contattaci” nel menù. Apriamo il menù “Menù” (scusate il gioco di parole) e clicchiamo su “Menù principale”.
Nella schermata “Gestione voci di menù” clicchiamo sul pulsante “Nuovo”
Viene visualizzato un menù ad albero, apriamo la voce “Contatti” e clicchiamo su “Layout contatto”.
Inseriamo il titolo e clicchiamo sul pulsante “Salva” per confermare 24 ICTime.org – Joomla 1.5 – Manuale d’uso – Licenza Creative Commons
Apriamo la prima pagina del nostro sito e verifichiamo la presenza della nuova voce “Contattaci” nel menù. Clicchiamo su “Contattaci” ed accediamo alla pagina.
25 ICTime.org – Joomla 1.5 – Manuale d’uso – Licenza Creative Commons
Inserire un sondaggio Vediamo ora come arricchire il nostro sito con l’inserimento di un sondaggio. Apriamo il menù “Componenti” e scegliamo la voce “Sondaggi”
Nella schermata “Gestione sondaggio” clicchiamo sul pulsante “Nuovo”
Inseriamo il titolo del sondaggio, l’alias e scegliamo di pubblicarlo. Nella sezione “Opzioni” inseriamo le risposte possibili. Nel nostro caso ci limitiamo ad inserirne due. Per confermare premiamo il pulsante “Salva”
26 ICTime.org – Joomla 1.5 – Manuale d’uso – Licenza Creative Commons
Ora dobbiamo rendere visibile il sondaggio nella pagine del nostro sito. Apriamo il menù “Estensioni” e scegliamo la voce “Gestione moduli”
Nella schermata “Gestione moduli” clicchiamo sul pulsante “Nuovo”
Ora abbiamo a disposizione numerosi moduli, spuntiamo “Sondaggio” e clicchiamo sul pulsante “Succ”
Inseriamo il titolo del modulo e nella sezione “Parametri” scegliamo il sondaggio (ovviamente nel nostro caso ci sarà un solo sondaggio a disposizione). Per confermare clicchiamo sul pulsante “Salva”.
27 ICTime.org – Joomla 1.5 – Manuale d’uso – Licenza Creative Commons
Apriamo la prima pagina del nostro sito e verifichiamo la presenza del modulo “Sondaggio”. Il modulo è composto da una domanda, una serie di risposte possibili, un pulsante per votare e uno per visualizzare i risultati.
Inserire un form di ricerca Il nostro sito si sta popolando di contenuti (;‐p), è meglio inserire un form di ricerca. Apriamo il menù “Estensioni” e clicchiamo sulla voce “Gestione moduli” e poi sul pulsante “Nuovo”.
28 ICTime.org – Joomla 1.5 – Manuale d’uso – Licenza Creative Commons
Nella schermata “Modulo”, spuntiamo la voce “Cerca” e clicchiamo sul pulsante “Succ”
Inseriamo il titolo del modulo. Nella sezione “Parametri” possiamo impostare la lunghezza del box, inserire un testo che verrà visualizzato di default, attivare il pulsante “cerca”, scegliere dove posizionarlo, se visualizzarlo come immagine e impostare un testo. Per confermare clicchiamo sul pulsante “Salva”
29 ICTime.org – Joomla 1.5 – Manuale d’uso – Licenza Creative Commons
Apriamo la prima pagina del nostro sito e verifichiamo la presenza del modulo “Cerca!
Modificare il template grafico del sito Joomla ci consente di modificare facilmente il template grafico del sito, vediamo come scaricare nuovi templates e come installarli. I siti che offrono templates gratuiti sono molti, per il nostro sito lo scaricheremo dal sito www.joomla.it . Nella sezione “Templates” del sito clicchiamo sul link Joomla 1.5
30 ICTime.org – Joomla 1.5 – Manuale d’uso – Licenza Creative Commons
Scegliamo il templates che preferiamo e clicchiamo sul pulsante “Download”
I file del templates sono in una cartella compressa, la decomprimiamo e la copiamo in C:\Programmi\EasyPHP 2.0b1\www\Sito_Joomla\templates. Torniamo nel pannello di amministrazione di Joomla, apriamo il menù “Estensioni” e clicchiamo sulla voce “Gestione templates”
31 ICTime.org – Joomla 1.5 – Manuale d’uso – Licenza Creative Commons
Nella schermata “Gestione templates” abbiamo l’elenco dei templates disponibili. Posizionando il puntatore del mouse sul nome di un templates viene visualizzato l’anteprima. Per attivare un templates, lo selezioniamo e clicchiamo sul pulsante “Predefinito”
Non ci resta che aprire la home page del nostro sito ed ammirare il nuovo templates.
Gestione della Home Page Per creare la home page del nostro sito è sufficiente scegliere l’opzione “Si“ nella sezione “Prima pagina” durante la creazione di un nuovo articolo. In questo modo l’articolo verrà inserito in prima pagina. La home page può contenere più articoli, per amministrarli: aprire il menù “Contenuti ” e cliccare sulla voce “Gestione prima pagina”
32 ICTime.org – Joomla 1.5 – Manuale d’uso – Licenza Creative Commons
Nella schermata ”Gestione prima pagina” visualizziamo l’elenco degli articoli inseriti nella home page (nel nostro caso, non avendo inserito alcun articolo l’elenco risulta vuoto). Possiamo, dopo aver selezionato un articolo, scegliere se pubblicarlo, sospenderlo o rimuoverlo.
Gestire gli utenti Per gestire i vari utenti iscritti al nostro sito clicchiamo sul pulsante “Gestione utenti” presente nel pannello di controllo.
La schermata “Gestione utenti ” ci mostra l’elenco degli utenti (nel nostro caso solo l’amministratore). Dopo aver selezionato un utente è possibile sia eliminarlo che modificare i suoi dati (es. dati personali o livello di accesso). È anche possibile, cliccando sul pulsante “Nuovo”, inserire un nuovo utente.
33 ICTime.org – Joomla 1.5 – Manuale d’uso – Licenza Creative Commons
Altri moduli Nel corso della guida abbiamo utilizzato due moduli, “Sondaggio” e “Cerca”, ma ce ne sono a disposizione molti altri. Vediamone alcuni: Notizie recenti: mostra gli ultimi articoli inseriti. Notizie flash: mostra un articolo a caso tra quelli disponibili. L’articolo cambia ad ogni volta che viene ricaricata la pagina. Immagine casuale: mostra un’immagine a caso presa da una scartella. L’immagine cambia ogni volta che viene ricaricata la pagina. Statistiche: mostra le statistiche del sito. Chi è online: mostra il numero degli utenti online. Footer: mostra le informazioni di copyright del sito Contenuti più letti: mostra l’elenco degli articoli più letti. Le modalità di inserimento dei vari moduli sono analoghe a quelle spiegate a p. 27
34 ICTime.org – Joomla 1.5 – Manuale d’uso – Licenza Creative Commons