Professional Documents
Culture Documents
ORG
Joomla 1.5
Manuale duso
Cecilia Cimini Angelo Simonelli Francesco Testa Joomla 1.5 Manuale duso 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
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
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.
Al termine del download istalliamo il programma con un doppio clic del mouse sul file EasyPHP-2.0b1setup.exe. Terminato il processo di istallazione avviamo il programma. Per verificare se lavvio di EasyPHP avvenuto in maniera corretta controlliamo se licona del programma presente nellarea di notifica.
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 sullicona di Easy PHP, presente nellarea 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.
Linstallazione di Joomla si articola in sette fasi, vediamole: Prima fase - Lingua Selezioniamo la lingua desiderata, nel nostro caso lItaliano e clicchiamo sul pulsante Avanti .
Seconda fase Controlli pre-installazione Joomla effettua un controllo generale per verificare la presenza di tutti gli elementi necessari allinstallazione e al funzionamento del CMS. Se tutti i valori sono positivi (verdi) possiamo procedere cliccando sul pulsante Avanti.
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_
Nel caso di installazione in remoto, i parametri di configurazione del database saranno forniti dallamministratore 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 lopzione No e premiamo il pulsante Avanti.
Sesta fase Configurazione principale Inseriamo il nome del sito, la casella di e-mail dellamministratore, la password di accesso per la gestione del CMS.
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.
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 dellinstallazione) necessari allaccesso.
Amministrazione di Joomla
Per accedere al pannello di amministrazione inseriamo /administrator/ allindirizzo del nostro sito. Se lindirizzo del nostro sito http://127.0.0.1/Sito_Joomla il pannello di amministrazione sar http://127.0.0.1/Sito_Joomla/administrator/ .
10
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
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 dellautore. 3. Configurazione SEO: impostiamo Si alla prime ed alla terza opzione. In questo modo lindirizzo delle nostre pagine verr ottimizzato per facilitare lindicizzazione 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
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 lindirizzo della nostra casella e-mail ed eventualmente i parametri del server SMTP (nel nostro caso lasciamo i valori di default, inseriti nellinstallazione di joomla). Confermiamo cliccando sul pulsante Salva
Categoria 1
Sezione 1
Categoria 2
Categoria n
13
Come evidente dallimmagine 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
Inseriamo il titolo della sezione, lalias (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
Per confermare e procedere alla creazione della sezione premiamo il pulsante Salva. Creazione di una Categoria Nella schermata iniziale clicchiamo sul pulsante Gestione categorie
Inseriamo il titolo della categoria, lalias (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 duso Licenza Creative Commons
Creazione di un Articolo Nella schermata iniziale clicchiamo sul pulsante Nuovo articolo
Inseriamo il titolo dellarticolo, 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 laiuto delleditor TinyMCE.
A sinistra ci sono tre utili strumenti per impostare i parametri dellarticolo, i parametri avanzati e le informazioni metadata. In particolare nella sezione Parametri avanzati possiamo scegliere quale informazioni aggiuntive mostrare insieme al contenuto dellarticolo.
16
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 dellarticolo 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. Lalias sar uguale al nome delloggetto con laggiunta del simbolo - al posto degli spazi, ad esempio per larticolo Chi siamo, lalias sar Chisiamo.
Leditor 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
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.
Viene visualizzato un men ad albero, apriamo la voce Articoli e clicchiamo su Aspetto articolo.
18
Inseriamo il titolo, selezioniamo larticolo 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 allarticolo 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
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 alloperazione che vogliamo effettuare.
20
Nella schermata Gestione categorie selezioniamo la categoria che vogliamo modificare spuntando la casella a sinistra del nome quindi premiamo il pulsante Modifica o Elimina.
Nella schermata Gestione categorie selezioniamo la categoria che vogliamo modificare ( spuntando la casella a sinistra del nome) e premiamo il pulsante Modifica o Elimina.
21
Visualizzato lelenco 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 linserimento di un contatto. Apriamo il men Componenti, scegliamo la voce Contatti e clicchiamo su Contatti
22
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
Non ci resta che inserire la voce Contattaci nel men. Apriamo il men Men (scusate il gioco di parole) e clicchiamo su Men principale.
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 duso 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
Inserire un sondaggio
Vediamo ora come arricchire il nostro sito con linserimento di un sondaggio. Apriamo il men Componenti e scegliamo la voce Sondaggi
Inseriamo il titolo del sondaggio, lalias 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
Ora dobbiamo rendere visibile il sondaggio nella pagine del nostro sito. Apriamo il men Estensioni e scegliamo la voce Gestione moduli
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
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.
28
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
Apriamo la prima pagina del nostro sito e verifichiamo la presenza del modulo Cerca!
30
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
Nella schermata Gestione templates abbiamo lelenco dei templates disponibili. Posizionando il puntatore del mouse sul nome di un templates viene visualizzato lanteprima. 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.
32
Nella schermata Gestione prima pagina visualizziamo lelenco degli articoli inseriti nella home page (nel nostro caso, non avendo inserito alcun articolo lelenco risulta vuoto). Possiamo, dopo aver selezionato un articolo, scegliere se pubblicarlo, sospenderlo o rimuoverlo.
La schermata Gestione utenti ci mostra lelenco degli utenti (nel nostro caso solo lamministratore). 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
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. Larticolo cambia ad ogni volta che viene ricaricata la pagina. Immagine casuale: mostra unimmagine a caso presa da una scartella. Limmagine 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 lelenco degli articoli pi letti.
34