Cimini Simonelli - Testa

Transcript

1 Joomla 1.5 Manuale d uso Cimini Simonelli - Testa

2 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 - info@studiosimonelli.net 2 ICTime.org Joomla 1.5 Manuale d uso Licenza Creative Commons

3 Sommario Introduzione... 4 Scaricare Easy PHP... 4 Scaricare Joomla 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 Amministrazione di Joomla Configurazione Creazione dei contenuti Creazione di una Sezione Creazione di una Categoria Creazione di un Articolo Inserire un articolo nel menù Modificare o eliminare una sezione Eliminare o modificare una categoria Eliminare o modificare un articolo Inserire un form per i contatti Inserire un sondaggio Inserire un form di ricerca Modificare il template grafico del sito Gestione della Home Page Gestire gli utenti Altri moduli ICTime.org Joomla 1.5 Manuale d uso Licenza Creative Commons

4 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 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 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

5 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

6 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 pre-installazione 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

7 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

8 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 dell amministratore, la password di accesso per la gestione del CMS. 8 ICTime.org Joomla 1.5 Manuale d uso Licenza Creative Commons

9 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

10 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 è il pannello di amministrazione sarà Inseriamo il Nome utente, la Password e clicchiamo sul pulsante Login. 10 ICTime.org Joomla 1.5 Manuale d uso Licenza Creative Commons

11 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

12 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 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

13 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 inseriamo l indirizzo della nostra casella 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 Categoria 2 Categoria n Articolo 1 Articolo 2 Articolo 3 Articolo n Articolo 1 Articolo 2 Articolo 3 Articolo n Articolo 1 Articolo 2 Articolo 3 Articolo n 13 ICTime.org Joomla 1.5 Manuale d uso Licenza Creative Commons

14 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

15 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

16 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

17 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à Chisiamo. 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

18 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

19 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

20 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

21 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

22 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

23 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

24 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

25 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

26 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

27 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

28 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

29 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

30 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 Nella sezione Templates del sito clicchiamo sul link Joomla ICTime.org Joomla 1.5 Manuale d uso Licenza Creative Commons

31 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

32 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

33 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

34 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 ICTime.org Joomla 1.5 Manuale d uso Licenza Creative Commons