- Alessandra Salvaggio -

Transcript

1 - Alessandra Salvaggio - Joomla! 3.3 Guida all uso Installazione di Joomla e gestione del lato amministrativo >> Installazione di XAMPP per il test locale dei propri siti >> Creazione di template personalizzati >> Uso di moduli ed estensioni di terze parti >>

2

3 Joomla! 3.3 Guida all uso Alessandra Salvaggio

4 Joomla! 3.3 Guida all uso Autrice: Alessandra Salvaggio Collana: Editor: Marco Aleotti Progetto grafico: Roberta Venturieri Immagine di copertina: Kesu01 Thinkstock ISBN: Copyright 2014 LSWR Srl Via Spadolini, Milano (MI) - Finito di stampare nel mese di ottobre 2014 presso Press Grafica s.r.l., Gravellona Toce (VB) Nessuna parte del presente libro può essere riprodotta, memorizzata in un sistema che ne permetta l elaborazione, né trasmessa in qualsivoglia forma e con qualsivoglia mezzo elettronico o meccanico, né può essere fotocopiata, riprodotta o registrata altrimenti, senza previo consenso scritto dell editore, tranne nel caso di brevi citazioni contenute in articoli di critica o recensioni. La presente pubblicazione contiene le opinioni dell autore e ha lo scopo di fornire informazioni precise e accurate. L elaborazione dei testi, anche se curata con scrupolosa attenzione, non può comportare specifiche responsabilità in capo all autore e/o all editore per eventuali errori o inesattezze. Nomi e marchi citati nel testo sono generalmente depositati o registrati dalle rispettive aziende. L autore detiene i diritti per tutte le fotografie, i testi e le illustrazioni che compongono questo libro, salvo quando diversamente indicato.

5 Sommario INTRODUZIONE L AMBIENTE DI LAVORO...13 Creare un database MySQL con phpmyadmin...21 Configurare XAMPP in modo che il sito possa inviare INSTALLAZIONE DI JOOMLA...25 Scaricare Joomla...25 Installare Joomla...26 Layout adattivo CONFIGURAZIONI GENERALI E LA STRUTTURA DI JOOMLA...37 La struttura di Joomla CREARE GLI UTENTI...49 Gruppi di utenti Creare nuovi utenti...54 Modificare le opzioni relative a un utente...58 Creazione di un utente lato Front-end...58 Le note utenti Le opzioni per la creazione degli utenti Comunicare con gli utenti Gli utenti connessi LE IMMAGINI E I MEDIA...69 Inserire immagini nella cartella immagini CREARE LE CATEGORIE CREARE UN ARTICOLO...85 L editor degli articoli...95 Creare articoli da Front-end Modificare il contenuto e lo stato di un articolo da Front-end La versione mobile dell editor

6 Joomla! 3.3 Guida all uso 8. GESTIRE GLI ARTICOLI Filtrare gli articoli Archiviare gli articoli Cestinare gli articoli Ordinare gli articoli Azioni multiple I LIVELLI DI ACCESSO Nascondere contenuto agli utenti loggati CONTROLLARE L ASPETTO DELLA HOME PAGE Layout Altre opzioni per la gestione della home page Mantenere un articolo sempre fisso sulla home page I MENU Aggiungere un nuovo menu Aggiungere nuove voci a un menu Menu in rapporto fra loro MENU UTENTE Le voci di menu relative alla gestione degli utenti Le voci di menu relative alla Gestione configurazione ALTRI MODULI Articoli archiviati Articoli correlati Articoli più letti Articoli recenti Banner Cerca Chi è online Elenco articoli Elenco categorie Footer Generatore feed HTML personalizzato Immagine casuale Informazioni di sistema Lingua Link web Login Modulo Motore di ricerca Newsflash

7 Sommario Percorso Tag popolari e Tag simili Ultimi utenti registrati Visualizzazione feed Wrapper I COMPONENTI Aggiornamento di Joomla Banner Contatti Link web Messaggi News feed Redirect Statistiche ricerche TAG Creare i tag Assegnare i tag agli elementi di un sito Creare voci di menu con i tag Moduli Tag popolari e Tag simili STRUMENTI DI RICERCA Una pagina di ricerca GESTIONE AVANZATA DEGLI UTENTI Far sì che gli utenti accettino le condizioni di uso del sito e raccogliere più informazioni sugli utenti Verifica in due passaggi LINGUE Installare le lingue Creare una lingua per i contenuti Creare i contenuti multilingua I menu per le diverse lingue Il plugin System - Language Filter Il modulo Lingua I TEMPLATE Applicare un template ad alcune pagine di un sito Modificare un template con i parametri Modificare un template via codice Scaricare e installare nuovi template

8 Joomla! 3.3 Guida all uso 20. L OVERRIDE L override di un componente L override di un modulo L override della lingua CLONARE E MODIFICARE UN PLUGIN SEO Titoli e meta tag per il sito e le sue pagine Ottimizzazione dei menu e dei link Leggi tutto con titolo articolo Mappa del sito Navigazione breadcrumb URL SEF LE ESTENSIONI DI JOOMLA: JCE Usare JCE Aggiornare le estensioni JCK Link a PDF e file in genere Inserire le immagini Audio e Video HTML Stili Codice sorgente, div contenitori e visualizzazione blocchi Android Caricare le immagini da ipad Video YouTube Editor Switcher AKEEBA BACKUP Creare il backup Permettere di effettuare il backup a utenti non Super User Ripristinare il sito con Kickstart GOOGLEMAPS PLUGIN: UNA MAPPA DI GOOGLE IN UN SITO JOOMLA Googlemaps Plugin Procurarsi i dati (latitudine e longitudine) per costruire la mappa CREARE UNA MAPPA DEL SITO Inserire la mappa nel sito

9 Sommario 28. SOCIAL NETWORK Facebook Pulsante Mi piace e condivisione su altri social network FEEDBURNER UNA NEWSLETTER GOOGLE ANALYTICS AGGIORNARE IL PROPRIO SITO DA UN TELEFONO ANDROID AGGIORNARE UN SITO DA JOOMLA Installare i file della lingua italiana INDICE ANALITICO

10

11 Introduzione Joomla è il CMS attualmente più diffuso. Un CMS (Content Management System) è un sistema di gestione dei contenuti. Questi sistemi sono sempre più diffusi e permettono di gestire in modo automatico i contenuti di un sito Internet. Una volta creata la struttura del sito, con gli strumenti messi a disposizione dal CMS stesso, i contenuti possono essere forniti in modo semplice attraverso una pratica interfaccia anche da utenti non molto esperti. Il sistema permette di creare utenti abilitati a fornire contenuti e a gestirli; permette anche di stabilire quando un contenuto va pubblicato (non necessariamente un contenuto deve essere pubblicato al momento della creazione) e quando, eventualmente, la sua pubblicazione deve finire. Oltre ai contenuti base è possibile integrare in un sito Joomla diverse funzionalità realizzate mediante estensioni commerciali e non. Esistono estensioni di tutti i tipi e per tutte le necessità: ce ne sono per integrare un calendario interattivo nel sito, per la gestione del commercio elettronico, per la creazione della mappa di un sito, per creare menu interattivi e così via. Insomma, Joomla è, a tutti gli effetti, un sistema che permette la gestione e la creazione di siti Internet completi e ricchi di funzionalità, alla portata di tutti gli utenti. Chi crea e amministra il sito non dovrà poi occuparsi anche di inserire i contenuti, ma potrà affidare questo compito ad altri utenti, che, attraverso una pratica interfaccia, che non richiede particolari competenze, potranno svolgere questo compito. Joomla è la soluzione per molti utenti che desiderano creare un sito efficace in maniera semplice e sfruttando le notevoli possibilità messe a disposizione dalle molteplici estensioni disponibili. È perfetto anche per chi vuole demandare ad altri utenti l immissione di contenuti e in generale per tutte quelle situazioni in cui un sito va aggiornato di frequente senza l esigenza dell intervento di un tecnico. Il nuovo Joomla 3, poi, grazie al supporto per il framework Bootstrap, permette di costruire siti con layout adattivo perfettamente fruibili da dispositivi mobili, il che oggi è vitale. 11

12 Joomla! 3.3 Guida all uso Booksite A corredo del testo, è disponibile un booksite, all indirizzo: da cui scaricare i file degli esempi riportati nel libro. 12

13 1 L ambiente di lavoro Prima di cominciare a lavorare con Joomla, occorre definire l ambiente in cui questo sistema opera. Vedremo anche come creare un installazione locale di un ambiente adatto a lavorare con Joomla, che è la soluzione perfetta per fare i propri esperimenti. Trattandosi di un sistema per la creazione di siti Internet, per poter usare Joomla occorre un web server. Il web server più adatto a Joomla è Apache con un sistema operativo Linux; è comunque possibile utilizzare anche un web server IIS. Oltre al web server, a un sito Joomla serve un sistema di gestione dei dati, ossia un programma database che possa memorizzare la struttura stessa del sito e i suoi contenuti. Nello specifico, Joomla utilizza tradizionalmente il database MySQL, che deve essere ospitato sul web server, ma sono supportati anche SQL Server e PostgreSQL. Per completare l ambiente in cui vive un sito Joomla, è necessario un interprete per il linguaggio PHP. Naturalmente, i componenti necessari devono essere presenti nella giusta versione. Potete usare la Tabella 1.1 come riferimento. 13

14 Joomla! 3.3 Guida all uso Tabella Requisiti per Joomla 3. Software Versione minima Versione raccomandata PHP (Magic Quotes GPC off) Database supportati: MySQL (InnoDB support required) SQL Server PostgreSQL Web server supportati: Apache (con mod_mysql, mod_xml, e mod_zlib) 2.x + 2.x + Nginx Microsoft IIS[5] 7 7 Riepilogando quanto detto fin qui, possiamo dire che Joomla richiede (preferibilmente) un ambiente di tipo LAMP. LAMP è un acronimo per Linux, Apache, MySQL e PHP, che indica una macchina Linux, con un web server di tipo Apache, un database MySQL e l interprete per il linguaggio PHP. Se ci si rivolge a un provider di servizi Internet, è abbastanza semplice trovare questa combinazione anche con un costo non eccessivo (esistono soluzioni a partire da circa 10 euro all anno). Insomma, quando si acquista lo spazio Internet per il proprio sito che userà Joomla, occorre verificare che esso abbia i requisiti indicati sopra. Data la sempre maggiore diffusione di Joomla, non è difficile individuare provider che offrano servizi ottimizzati per questo strumento e quindi non avrete difficoltà a trovare il vostro server di lavoro. Certo, in fase di studio può far comodo poter lavorare in locale, creare e disfare diversi siti, fare prove e prove senza preoccupazioni. Alle volte potrebbe anche essere necessario studiare non connessi a Internet, cosa impossibile se si usa lo spazio di un provider. Per questo problema esistono diverse soluzioni; qui vi proponiamo quella attualmente più diffusa e che risulta piuttosto semplice da usare: si tratta di XAMPP. Installare XAMPP. Potete scaricare gratuitamente XAMPP dal sito Scegliete la versione che fa per voi (Windows, Linux o Mac) e scaricate il pacchetto di installazione. Alla fine del download, avviate l installazione. 14

15 L ambiente di lavoro Capitolo 1 XAMPP vi informa che è opportuno disattivare l antivirus durante l installazione. Fatelo, poi procedete con l installazione. Se state installando XAMPP su Windows, un avviso (Figura 1.1) vi informa che, essendo attivo il controllo dell account dell utente sul sistema, alcune funzionalità di XAMPP potrebbero essere limitate. Basterà non installare XAMPP nella cartella dei programmi (ma direttamente in C) per risolvere i problemi. Fate clic su Ok per proseguire. Figura XAMPP avvisa che UAC potrebbe causare problemi. A questo punto, partirà la vera e propria installazione di XAMPP. La prima schermata vi chiede quali elementi installare. Nel dubbio, potete lasciare i componenti predefiniti. Per quanto riguarda Joomla, sono strettamente necessari MySQL e PHP (che, comunque non può essere disabilitato). Andate ancora avanti e scegliete la cartella di installazione di XAMPP. La proposta predefinita C:\xampp va benissimo. La schermata successiva vi informa che sul sito Bitani potete trovare materiale per installare popolari CMS fra cui Joomla, procedete senza soffermarvi troppo: una nuova schermata vi informerà che tutto è pronto per installare XAMPP. Premete il pulsante Next per avviare effettivamente l installazione. L operazione richiederà un po di tempo. Al termine dell installazione vedrete il pannello di controllo di XAMPP (Figura 1.2). In alcuni casi, e questo avverrà sicuramente se usate Skype, il pannello di controllo, come avviene nella Figura 1.2, mostrerà un errore: il problema è dovuto al fatto che, per impostazione predefinita, i protocolli HTTP e HTTPS, utilizzano le porte 80 e 443. Queste porte possono essere esse usate da altre applicazioni e fra queste applicazioni c è proprio Skype. 15

16 Joomla! 3.3 Guida all uso Figura Il pannello di controllo di XAMPP. NOTA In realtà potete anche avviare XAMPP prima di Skype. In questo modo le porte saranno usate da XAMPP e Skype non le occuperà, ma non mi sembra una soluzione molto comoda. Ci sono diverse possibili soluzioni. Se usate il programma Skype (sia su Windows 7 che Windows 8) potete cambiare le porta usata da Skype, mentre, se usate la App Skype preinstallata su Windows 8, questo non è possibile. Bisognerà, dunque, intervenire su Apache. Procediamo con ordine e analizziamo le due possibili soluzioni, cominciando dalla modifica della configurazione del programma Skype. Aprite Skype e scegliete Strumenti > Opzioni. Nella finestra Opzioni, premete il pulsante Opzioni avanzate, quindi Collegamento. Nella scheda che si presenta occorre deselezionare l opzione Usa le porte 80 e 443 come alternative per le 16

17 L ambiente di lavoro Capitolo 1 connessioni in ingresso (Figura 1.3). Perché questa impostazione abbia effetto, occorre uscire da Skype e rientrare. Figura Evitare che Skype usi le porte Questa operazione non è possibile con la App per Windows 8. Bisogna quindi intervenire modificando le impostazioni XAMPP. Individuate il file C:\xampp\apache\conf\httpd.conf e apritelo con un editor di testi. Anche Blocco Note andrà bene. Potete aprire questo file da file system oppure dal pannello di controllo di XAMPP, facendo clic sul pulsante Config posto accanto ad Apache e scegliendo httpd.conf dal menu che si presenta (Figura 1.4). 17

18 Joomla! 3.3 Guida all uso Figura Aprire il file di configurazione di Apache. Una volta aperto il file, individuate la riga: Listen 80 e correggetela come segue: Listen 8080 Individuate, poi, la riga: ServerName localhost:70 e correggetela in: ServerName localhost:7070 Salvate il file e chiudetelo. A questo punto dobbiamo gestire la porta 443, anche se, ha influenza solo quando si usa il protocollo HTTPS, cosa che non faremo in questo libro. Per modificare la porta usata per il protocollo HTTPS dobbiamo lavorare sul file C:\xampp\apache\conf\httpd-ssl.conf. Come prima, potete aprirlo da file system o dal menù del pulsante Config (Figura 1.4). 18

19 L ambiente di lavoro Capitolo 1 Una volta aperto il file, individuate la riga: Listen 443 e sostituitela con: Listen 3443 o qualcosa di simile. Tenete conto che, per convenzione, le porte sotto la 1024 sono utilizzate dal sistema operativo e dai suoi servizi mentre quelle sopra sono utilizzabili dall utente, quindi una porta qualunque andrà bene. Utilizzate lo stesso numero di porta anche nelle righe: <VirtualHost _default_:443> ServerName localhost:443 Fatto questo, salvate il file e tornate al pannello di controllo di XAMPP (Figura 1.2) e fate clic sul pulsante Config in alto a destra. Nella nuova finestra (Figura 1.5) fate clic sul pulsante Service and Port Settings. Figura Configurare il pannello di controllo di XAMPP. 19

20 Joomla! 3.3 Guida all uso NOTA Nella casella Editor, la prima in alto della finestra della Figura 1.5 potete scegliere un programma diverso per aprire dal pannello di XAMPP i file di configurazione. Basta fare clic sul pulsante a forma di cartella gialla posta accanto a questa casella e quindi individuare il file eseguibile del programma che si desidera utilizzare al posto del predefinito Blocco Note. Vedrete la finestra Service Settings alla scheda Apache (Figura 1.6). Figura Specificare la nuova porta usata da Apache. Qui, nella casella Main Port, sostituite al predefinito 80 in nuovo valore 7070 e, nella casella SSL Port sostituite al predefinito 443 il numero della porta che avete deciso di utilizzare. Salvate le opzioni di questa finestra e della precedente a cui sarete riportati per tornare al pannello di controllo di Apache (Figura 1.2). A questo punto, potete avviare il server con il pulsante Start posto in corrispondenza della voce Apache. NOTA I messaggi di errore non scompaiono. Ma tutto funzionerà regolarmente. Al prossimo riavvio di XAMPP anche i messaggi di errore non si vedranno più. 20

21 L ambiente di lavoro Capitolo 1 Creare un database MySQL con phpmyadmin Vedremo come costruire un database MySQL con phpmyadmin. Noi lo mostreremo all interno del server XAMPP. La procedura dovrebbe essere simile anche sul server del provider che avete scelto di usare. Potete richiamare phpmyadmin in due modi: o direttamente da browser o dal pannello di controllo di XAMPP. Per richiamate via browser XAMPP e quindi phpmyadmin basta digitare localhost o, se avete cambiato il nome della porta in uso per http, localhost:7070 nella barra dell indirizzo oppure inserire il percorso completo o Nella prima pagina che vi si presenta scegliete la vostra lingua, quindi, nel pannello laterale arancione, nella sezione Tools, scegliere phpmyadmin. Sarete portati a phpmyadmin. Se preferite usare il pannello di controllo di XAMPP, fate clic sul pulsante Admin in corrispondenza di MySQL (Figura 1.7). Figura Avviare phpmyadmin dal pannello di controllo di XAMPP. 21

22 Joomla! 3.3 Guida all uso Comunque abbiate scelto di arrivarci, vedrete la schermata di configurazione di phpmyadmin (Figura 1.8). Figura phpmyadmin. Prima di creare un nuovo database, è bene precisare che XAMPP dispone già di un utente con tutti i privilegi che potete usare per creare il nostro database (se ne potrebbe anche creare uno nuovo). Potete verificarlo facendo clic sulla scheda Utenti, dalla quale, eventualmente, potreste creare un altro utente. L utente predefinito si chiama root. Potete quindi passare a creare un nuovo database. Fate clic sulla scheda Database, quindi nella casella Crea un nuovo database, scrivete il nome che volete assegnare al nuovo database, poi premete il pulsante Crea. Non dovete fare nient altro. Potete chiudere phpmyadmin. Configurare XAMPP in modo che il sito possa inviare Il sito Joomla può comunicare con i suoi utenti attraverso delle . Per poter sperimentare anche queste funzionalità in XAMPP (di norma sono già disponibili sui server dei diversi provider), occorre configurare il server XAMPP in modo che esso sia in grado di inviare . XAMPP è già configurato per farlo. L unica cosa necessaria è correggere una riga del file php.ini, il file di configurazione di PHP. 22

23 L ambiente di lavoro Capitolo 1 Se avete installato XAMPP in C:, trovate php.ini in questa posizione: C:\xampp\php. Aprite questo file con un qualsiasi editor di testi e cercate la riga: ;sendmail_path = "\"C:\xampp\sendmail\sendmail.exe\" -t" Occorre eliminare il punto e virgola iniziale in modo da de-commentare questa riga, che deve presentarsi come segue: sendmail_path = "\"C:\xampp\sendmail\sendmail.exe\" -t" Una volta apportata questa correzione, salvate il file. A questo punto, per poter spedire effettivamente , occorre specificare un server SMTP valido. Potreste usare il server del vostro gestore di posta. Occorrerà anche fornire il nome utente e la password per l accesso a quel server. NOTA Se la connessione al server SMPT avviene in maniera protetta, questa operazione potrebbe non riuscire. Queste informazioni vanno fornite nel file sendmail.ini che trovate all indirizzo C:\xampp\sendmail\sendmail.ini. Qui dovete individuare le righe: ;smtp_server=localhost ;auth_username ;auth_password e correggerle come segue: smtp_server=nomeserversmpt auth_username=nomeutente auth_password=password dove nomeserversmpt è il nome del vostro server SMTP, nomeutente è il nome utente per l accesso a questo server e password è la password per questo utente. Ricordatevi di eliminare il punto e virgola iniziale di ogni riga. Fatte queste correzioni, salvate anche il file sendmail.ini. Per concludere, se il server Apache è attivo (cioè se nel pannello di controllo vedete la scritta Running), spegnetelo e riattivatelo. 23