Creare un sito web con Joomla: una guida per rea­liz­za­re il tuo sito

Chi vorrebbe avere un progetto web pro­fes­sio­na­le, che sia altamente fles­si­bi­le e che sia sempre scalabile, deve puntare su un sistema di gestione dei contenuti come Joomla. In questo articolo ti spie­ghe­re­mo quali sono le premesse ne­ces­sa­rie per l’utilizzo di questa ap­pli­ca­zio­ne open source e come creare un proprio sito web con Joomla.

Cos’è Joomla?

Joomla è un sistema di gestione dei contenuti lanciato nel 2005 ca­rat­te­riz­za­to in modo par­ti­co­la­re dalla sua elevata facilità d’uso. Quindi dopo una breve fase di ap­pren­di­men­to e con com­pe­ten­ze di base è possibile uti­liz­za­re il software. Già dopo un breve periodo di am­bien­ta­men­to si può partire con la creazione del proprio sito con Joomla. Il CMS è protetto da licenza GNU GPL ed è scritto in lin­guag­gio script PHP.

Per il sal­va­tag­gio dei dati, Joomla utilizza per im­po­sta­zio­ne pre­de­fi­ni­ta il sistema di gestione per database re­la­zio­na­li MySQL. Visto che questa ap­pli­ca­zio­ne è da anni tra le soluzioni open source preferite per la gestione dei siti internet, ci sono migliaia di esten­sio­ni per il front end e il back end, per lo più svi­lup­pa­te da una community molto attiva.

Joomla: guida alla con­fi­gu­ra­zio­ne e all’in­stal­la­zio­ne

Prima di poter rea­liz­za­re un sito internet con Joomla, è ne­ces­sa­rio creare le premesse adeguate: il primo passo è quello di scegliere un ambiente hosting adeguato, in cui salvare sia Joomla che poi i dati del progetto web. Per prima cosa quindi decidi se desideri ospitare il CMS e le tue ap­pli­ca­zio­ni web su un server personale o su un server di un provider di hosting. In seguito, dovrai pensare all’indirizzo del tuo sito e re­gi­stra­re il dominio preferito.

Con strumenti di verifica per i domini, come quello di IONOS, puoi con­trol­la­re se l’indirizzo de­si­de­ra­to è ancora di­spo­ni­bi­le.

Primo passaggio: in­stal­la­zio­ne e con­fi­gu­ra­zio­ne di server web e database

Non appena avrai sistemato l’hosting ed ef­fet­tua­to la re­gi­stra­zio­ne del dominio, potrai dedicarti alle com­po­nen­ti software ne­ces­sa­rie per il fun­zio­na­men­to del sistema di gestione dei contenuti.

Avrai bisogno da un lato di un server web che supporti il PHP (deve anch’esso essere in­stal­la­to sul server) e che possa essere gestito via FTP. A tal fine si consiglia di con­fi­gu­ra­re un server web Apache.

Dall’altro ti servirà il sistema di gestione del database in cui Joomla possa salvare i dati del sito web che hai creato. Visto che MySQL è una soluzione straor­di­na­ria a tal fine, si consiglia di scaricare i file di in­stal­la­zio­ne dell’ap­pli­ca­zio­ne Oracle dal sito di MySQL. Si può scegliere tra la “MySQL En­ter­pri­se Edition”, per fini com­mer­cia­li e a pagamento, e la “MySQL Community Edition”, variante gratuita e open source.

Secondo passaggio: download e in­stal­la­zio­ne dell’ultima versione di Joomla

Una volta attivati server web e banca dati, apri il sito Joomla e scarica i file d’in­stal­la­zio­ne dell’ultima versione del sistema di gestione dei contenuti:

Close

Il file che sca­ri­che­rai è un file di archivio che potrai estrarre in locale, prima di spostarlo con un client FTP come FileZilla sul server web, o al­ter­na­ti­va­men­te in seguito al ca­ri­ca­men­to FTP. È im­por­tan­te che i file di programma Joomla contenuti, dopo essere stati estratti, si trovino nella directory root pubblica, che so­li­ta­men­te si chiama public\_html o in alcuni casi htdocs.

Per procedere poi con l’in­stal­la­zio­ne di Joomla, richiama il web installer tramite il browser che pre­fe­ri­sci indicando il tuo dominio o la cartella di ar­chi­via­zio­ne locale (http://localhost/percorso-cartella-joomla) di Joomla. In seguito, Joomla invita alla selezione di alcune im­po­sta­zio­ni di base, iniziando con la scelta della lingua. Il CMS però dovrebbe avere già scelto au­to­ma­ti­ca­men­te la versione lin­gui­sti­ca adeguata, facendo ri­fe­ri­men­to alla lingua se­le­zio­na­ta per il browser. Suc­ces­si­va­men­te vanno compilati i seguenti campi:

• Nome del sito web: qui dovrai indicare il nome del tuo sito Joomla, anche se poi potrai mo­di­fi­ca­re in qualsiasi momento il nome nella con­fi­gu­ra­zio­ne generale.
• Nome utente: per im­po­sta­zio­ne pre­de­fi­ni­ta il CMS utilizza per il super utente il nome “admin”, che qui potrai mo­di­fi­ca­re.
• Password: definisci una password sicura per l’accesso am­mi­ni­stra­to­re e ricordati che questo account utente dispone del più ampio accesso al front end e al back end.
• E-mail: Joomla richiede l’in­se­ri­men­to di un indirizzo e-mail valido, che sia collegato all’account am­mi­ni­stra­to­re. Questo sarà ne­ces­sa­rio, ad esempio, se desideri mo­di­fi­ca­re la password.

Una volta com­ple­ta­ta la pagina di con­fi­gu­ra­zio­ne, segue nel prossimo passaggio il menu di con­fi­gu­ra­zio­ne della banca dati. Inserisci anche qui le in­for­ma­zio­ni richieste su tipo di banca dati, nome del server e login e clicca infine nuo­va­men­te sul tasto di in­stal­la­zio­ne.

Creare un sito web con Joomla: tutorial per iniziare

Essendo un classico CMS, Joomla offre diversi livelli per l’ela­bo­ra­zio­ne di contenuti per siti web: il front end, in cui è possibile editare i contenuti di­ret­ta­men­te sulle ri­spet­ti­ve pagine e il sot­to­stan­te back end, in cui fissare le basi per fun­zio­na­li­tà, design e gestione del progetto web. Se desideri creare il tuo sito web con Joomla dovrai partire dal back end. In questo tutorial per chi è agli inizi scoprirai anche quali questioni am­mi­ni­stra­ti­ve vanno ini­zial­men­te sistemate e come creare semplici pagine Joomla e riempirle con dei contenuti.

Primo passaggio: ef­fet­tua­re il login nel back end di Joomla

È possibile lavorare nel back end (e anche nel front end) in modo molto comodo tramite un browser a tua scelta. Dopo aver collegato con Joomla il dominio de­si­de­ra­to basterà solamente digitare l’indirizzo http://www.nome-del-sito.it/administrator nella barra del browser per ri­chia­ma­re la finestra di accesso al back end. Nel farlo non di­men­ti­car­ti di so­sti­tui­re l’indirizzo esempio qui indicato nome-del-sito.it con l’indirizzo del dominio del tuo futuro sito internet. Nella pagina di login che si pre­sen­te­rà, inserisci i dati am­mi­ni­stra­to­re indicati durante l’in­stal­la­zio­ne prima di ef­fet­tua­re l’accesso tramite il pulsante del login.

Close

Secondo passaggio: menu di con­fi­gu­ra­zio­ne Joomla: come mo­di­fi­ca­re le im­po­sta­zio­ni generali di Joomla

Dopo avere ef­fet­tua­to il login entrerai nella dashboard di Joomla, che ti consente di avere accesso a una pa­no­ra­mi­ca dei dati prin­ci­pa­li del tuo sito web e delle attività nel sistema di gestione dei contenuti. Così da una parte potrai vi­sua­liz­za­re le versioni di sistema operativo, PHP e banca dati da te uti­liz­za­ti, oppure quanti vi­si­ta­to­ri e quante vi­si­ta­tri­ci stanno vi­sua­liz­zan­do il tuo sito in quel momento. Dall’altra parte noti quali account utente hanno ef­fet­tua­to il login nel back end e nel front end e quali sono le ultime modifiche apportate al sito. Tramite la dashboard avrai inoltre accesso al menu delle opzioni del CMS in cui potrai adattare le im­po­sta­zio­ni prin­ci­pa­li del tuo sito Joomla. Per aprirlo clicca sul tasto “Con­fi­gu­ra­zio­ne”:

Close

Nella scheda “Sito” trovi, tra le altre, le im­po­sta­zio­ni inserite al momento dell’in­stal­la­zio­ne, come nome del sito, metadati di con­fi­gu­ra­zio­ne o il tasto per la modalità offline del tuo sito. Qui è possibile inoltre impostare il tipo di editor che si desidera uti­liz­za­re per lavorare in Joomla: per im­po­sta­zio­ne pre­de­fi­ni­ta viene se­le­zio­na­to l’editor WYSIWYG TinyMCE, in al­ter­na­ti­va è di­spo­ni­bi­le Co­de­Mir­ror come semplice editor di codice. Grazie alla relativa esten­sio­ne è possibile anche l’utilizzo di altri editor come ARK Editor o JCE.

Close

Si possono uti­liz­za­re anche im­po­sta­zio­ni per l’in­di­ciz­za­zio­ne e l’ot­ti­miz­za­zio­ne per i motori di ricerca: nel campo “Robot” puoi decidere se i crawler in­di­ciz­zi­no (index) o non in­di­ciz­zi­no (noindex) le pagine HTML e se queste devono seguire (follow) o non seguire (nofollow) i link. Le altre schede del menu di con­fi­gu­ra­zio­ne con­sen­to­no le seguenti im­po­sta­zio­ni:

• Sistema: alla voce “Sistema” potrai stabilire le im­po­sta­zio­ni di cache, di debug e di gestione delle sessioni.
• Server: in questo menu si trovano tutte le prin­ci­pa­li opzioni per la gestione del server web e l’at­ti­va­zio­ne e di­sat­ti­va­zio­ne di FTP, HTTPS o di un server proxy.
• Pro­to­col­la­zio­ne: nel menu “Pro­to­col­la­zio­ne” puoi per­so­na­liz­za­re la directory di pro­to­col­lo ed eseguire altre im­po­sta­zio­ni relative ai pro­to­col­li di Joomla.
• Filtro di testo: tramite le im­po­sta­zio­ni del filtro di testo, sta­bi­li­sci per i singoli gruppi di utenti, di che tipo di elementi HTML questi ultimi possono avvalersi quando uti­liz­za­no l’editor.
• Au­to­riz­za­zio­ni: i permessi dei vari utenti possono essere impostati sin­go­lar­men­te nel menu “Au­to­riz­za­zio­ni”. Tra le azioni che si possono scegliere troviamo, tra le altre, accesso am­mi­ni­stra­to­re, login sito, creare, can­cel­la­re e mo­di­fi­ca­re.

Terzo passaggio: gestire i gruppi utenti e ag­giun­ge­re utenti

Oltre alla con­fi­gu­ra­zio­ne dell’account am­mi­ni­stra­to­re è possibile creare il singolo account utente. Possono però esserci vari utenti, a seconda del tipo di sito e delle sue di­men­sio­ni, che par­te­ci­pa­no alla gestione del sito stesso o alla creazione dei contenuti. Joomla mette a di­spo­si­zio­ne uno schema utente pre­de­fi­ni­to, or­ga­niz­za­to in maniera ge­rar­chi­ca che puoi adattare a tuo pia­ci­men­to. A tal fine clicca prima su “Utenti” nel menu delle pagine a sinistra e poi su “Gruppi”:

Close

Se desideri apportare delle modifiche allo schema gruppi utente, clicca sem­pli­ce­men­te sul gruppo de­si­de­ra­to. In al­ter­na­ti­va, è possibile can­cel­la­re com­ple­ta­men­te i gruppi con “Elimina”. Per stabilire le pos­si­bi­li­tà di accesso dei diversi profili utente, apporta le modifiche nella scheda “Au­to­riz­za­zio­ni”, sopra citata, del menu “Con­fi­gu­ra­zio­ne”. Qui clicca sul gruppo o sot­to­grup­po per il quale desideri ef­fet­tua­re delle modifiche e seleziona una delle seguenti tre im­po­sta­zio­ni per ciascun accesso:

• Ereditata: l’au­to­riz­za­zio­ne viene ottenuta dalla con­fi­gu­ra­zio­ne del gruppo di ap­par­te­nen­za
• Con­sen­ti­ta: il gruppo utente può ef­fet­tua­re un’azione in­di­pen­den­te­men­te dalle im­po­sta­zio­ni del gruppo di ap­par­te­nen­za
• Negata: il gruppo utente non può ef­fet­tua­re l’azione in­di­pen­den­te­men­te dalle im­po­sta­zio­ni del gruppo di ap­par­te­nen­za

Close

Una volta stabiliti i gruppi e i permessi di accesso secondo le tue necessità, puoi poi ag­giun­ge­re dei nuovi account utente e at­tri­buir­li ai gruppi de­si­de­ra­ti. A tal fine apri il menu “Utenti” e clicca sul tasto “Nuovo utente” (simbolo del più). Qui dovrai inserire il nome e il nome utente così come un indirizzo e-mail valido del nuovo utente e nella scheda “Gruppi assegnati” indicare a quale gruppo o a quali gruppi questo nuovo account utente va assegnato. Per terminare la creazione dell’account clicca su “Salva e chiudi”. Ora l’account dovrebbe essere vi­sua­liz­za­to nell’elenco degli utenti accanto all’account am­mi­ni­stra­to­re (Super User).

Close

Quarto passaggio: in­te­gra­zio­ne di un template per il proprio sito web Joomla

Quando crei un sito web con un CMS come Joomla hai il grande vantaggio di poter usufruire di diverse proposte per quanto riguarda il design del sito (chiamate so­li­ta­men­te temi o template). Nella versione base Joomla fornisce i template re­spon­si­ve Cas­sio­peia per il front end e il template Atum per il back end. Se però desideri uti­liz­za­re un altro template Joomla come modello per il tuo sito web, puoi in­te­grar­lo quando vuoi nel back end. Per farlo per prima cosa scarichi il template e poi lo im­ple­men­ti cliccando sul menu delle pagine a sinistra su “Sistema” e poi su “Esten­sio­ni”. Spostando il template scaricato tramite drag and drop nell’apposita area, Joomla inizia au­to­ma­ti­ca­men­te l’in­stal­la­zio­ne.

Close

Dopo l’in­stal­la­zio­ne troverai il template inserito alla voce “Sistema” -> “Template”.

Quinto passaggio: creare una pagina Joomla e inserirla come homepage

Le pagine di un sito web vengono chiamate articoli. Se hai se­le­zio­na­to la relativa opzione durante l’in­stal­la­zio­ne, esiste già un me­ta­ca­rat­te­re “Getting started”, di cui puoi vi­sua­liz­za­re il contenuto quando richiami il sito. Per creare infine la prima pagina del tuo sito Joomla, clicca nella dashboard su “Nuovo articolo” (sotto la voce “Articoli”). Scegli un titolo per la pagina e tramite l’editor inserisci i contenuti de­si­de­ra­ti. Tramite l’in­ter­fac­cia “Formato” puoi scegliere la for­mat­ta­zio­ne de­si­de­ra­ta come titolo, grassetto, corsivo o i paragrafi. Infine, clicca su “Salva e chiudi” per creare la pagina.

Close

La pagina Joomla creata può essere sempre mo­di­fi­ca­ta o can­cel­la­ta alla voce “Articoli”. Per far in modo che l’articolo diventi l’homepage del tuo sito devi passare al menu “Menu”. Clicca poi su “Menu prin­ci­pa­le” e in seguito su “Home”. Se scegli come tipo di voce di menu l’opzione “Articolo singolo”, puoi quindi se­le­zio­na­re, alla voce “Seleziona articolo”, la pagina creata in pre­ce­den­za per im­po­star­la come pagina iniziale:

Close

Sesto passaggio: inserire dei link negli articoli Joomla

I col­le­ga­men­ti sono una com­po­nen­te im­por­tan­te per un sito di successo, perché i link interni ed esterni aumentano il valore aggiunto della tua offerta e mi­glio­ra­no il po­si­zio­na­men­to nei motori di ricerca. Quando hai del materiale da collegare tramite link puoi inserirlo con pochi clic nel tuo testo: per i link esterni seleziona l’elemento di testo che deve essere collegato tramite link e clicca su “Inserisci/modifica link”.

Close

Per i col­le­ga­men­ti interni clicca il tasto “Articolo” e seleziona l’articolo de­si­de­ra­to del tuo progetto su Joomla.

Settimo passaggio: come puoi inserire la tua nuova immagine per il sito Joomla

Na­tu­ral­men­te il tuo sito internet deve pur contenere delle immagini, perché anche il contenuto più in­te­res­san­te non attira il lettore o la lettrice senza un aiutino dal punto di vista visivo. Per rendere più in­te­res­san­te un articolo ser­ven­do­si di foto e grafici, basta aprire l’articolo de­si­de­ra­to tramite menu degli articoli e poi nell’editor se­le­zio­na­re “Contenuto CMS” e “Media”:

Close

Clicca sull’immagine che desideri inserire nell’articolo e completa le in­for­ma­zio­ni ri­guar­dan­ti il titolo dell’immagine o la de­scri­zio­ne. Infine, clicca su “Inserisci media” così l’immagine comparirà nell’articolo se­le­zio­na­to nella posizione de­si­de­ra­ta:

Close