JO OML LA TU UTOR RIAL - Istituto Comprensivo Bogliasco Pieve

 Joom
mla Tutorial p
per Clienti siccuramente SSoddisfatti!
JOOMLLA TU
UTOR
RIAL
Per clie
enti Jo
oomla sicura
amentte sod
ddisfatti!
A cura di
Carrlotta Silvesstrini
ww
ww.imp
pronted
digitali.net
w
www.impronttedigitali.nett 1
Joomla Tutorial per Clienti sicuramente Soddisfatti!
1. Panoramica sul CMS Joomla
Caro Cliente,
è importante che tu sappia che il tuo nuovo sito web è costituito da
un sistema di gestione dei contenuti che vanta alcuni pregi che
sicuramente apprezzerai:
- Gratuito. Joomla è un progetto “open source”, così come la
maggior parte dei suoi componenti aggiuntivi facilmente
installabili. Per questo motivo con un piccolo investimento rispetto
agli standard del mercato del web, hai ottenuto un prodotto di
altissima qualità.
- Sicuro. Joomla e i suoi componenti vengono aggiornati
continuamente, per essere sempre al passo con i tempi in tema
di sicurezza informatica e stabilità.
- Dinamico. Puoi dire addio ai vecchi siti statici, che per essere
aggiornati dovevano essere smontati e rimontati. Con Joomla
basta un click!
- Semplice. Il rapporto con il tuo webmaster non deve essere un
patto col diavolo! Con Joomla anche il cliente con meno
esperienza informatica e senza alcuna conoscenza di linguaggi
di programmazione, può modificare facilmente il suo sito web.
Hai fatto un ottimo investimento, vero?
www.improntedigitali.net 2
Joomla Tutorial per Clienti sicuramente Soddisfatti!
“Ecco una semplice guida attraverso la quale comprenderai alla
perfezione come funziona il tuo nuovo sito web e potrai modificarlo a
seconda delle tue esigenze.”
2. Joomla, il contenitore di oggetti dinamici
Puoi immaginare il tuo sito come una grande tabella (template)
costituita da alcune celle (posizioni) fisse stabilite dal webdesigner al
momento della creazione.
La scelta del loro numero e della loro disposizione viene fatta al
principio, a seconda del tipo di lavoro richiesto.
Per esempio, un sito con moltissime parti testuali e oggetti multimediali
(foto, video, ecc..) come quello per una testata giornalistica, avrà
tanti contenitori per disporre i vari contenuti. Un sito in cui si vuol dare
spazio all’immagine, come un sito personale, invece, avrà poche
caselle, magari belle grandi, dove disporre un portfolio fotografico o
anteprime di lavori svolti, ecc…
Puoi vedere nella pagina successiva una esempio di struttura di
questa tabella
www.improntedigitali.net 3
Joomla Tutorial per Clienti sicuramente Soddisfatti!
Come lavorerà quindi il
web designer su questa
struttura?
Dopo aver deciso insieme
al cliente l’aspetto che
dovrà avere il sito, il web
designer
creerà
dei
moduli che andranno
collocati
nelle
varie
caselle.
Per esempio: si crea il
modulo “menù” e gli si
assegna
dall’apposito
menù
a
tendina
la
posizione “left”. Poi si crea
il modulo “immagine casuale” e gli si assegna la posizione “right”.
A questo punto il nostro sito starà già prendendo forma, avrà un menù
a sinistra, un’immagine casuale nella parte destra e nella posizione
“Mainbody” ci andranno a finire gli articoli che apriamo cliccando nei
vari link.
E’ facilissimo, hai visto?
Quindi, caro Cliente, se decidi di fare un’aggiunta al tuo sito, te la
senti di modificarlo autonomamente e hai una posizione modulo
libera, perché non provare?
Vediamo insieme come procedere per fare le modifiche o
semplicemente inserire un articolo o una foto…
www.improntedigitali.net 4
Joomla Tutorial per Clienti sicuramente Soddisfatti!
3. Creiamo un modulo per il nostro contenitore!
Effettuiamo l’accesso con le
credenziali
di
login…
generalmente il nome utente è
sempre Admin e la password è
un insieme complesso (almeno
8
cifre!)
di
caratteri
alfanumerici.
Ci troviamo davanti questa schermata molto intuitiva, il pannello di
controllo amministrazione, che ci permette di scegliere facilmente le
operazioni da intraprendere.
Voi utilizzerete principalmente i pulsanti per gli articoli, le sezioni e le
categorie, come vedremo più avanti. Adesso per prima cosa vi
spiego come creare un modulo – un tasto “Cerca” per la precisione –
utilizzando il menù che vedete nella parte in alto, alla voce
“estensioni”.
www.improntedigitali.net 5
Joomla Tutorial per Clienti sicuramente Soddisfatti!
Clicchiamo su “Estensioni/Gestione moduli”,
creiamo un nuovo modulo attraverso il tasto
“nuovo” in alto a destra e scegliamo il tipo,
per esempio “Cerca”.
Joomla ha già diversi moduli preinstallati, tra
cui appunto il sistema per la ricerca
all’interno del sito. Altri moduli (e plugin) sono
scaricabili da internet, specialmente dal sito
ufficiale per le estensioni che è
http://extensions.joomla.org/ .
Adesso scegliamo un titolo per il nostro modulo, mettiamo la spunta se
desideriamo o no che il titolo sia visualizzato, e gli diamo una posizione.
Guardiamo lo schema del template che ho preso come esempio.
www.improntedigitali.net 6
Joomla Tutorial per Clienti sicuramente Soddisfatti!
Potremmo mettere il tasto “cerca” nella posizione “banner”, in alto a
destra! Nell’immagine qui sopra, presa da un altro sito, la posizione
scelta dal menù a tendina è “user4”.
La definizione del livello di accesso indica quale tipo di visitatore può
visualizzare il nostro modulo, l’assegnazione ci chiede invece in quali
pagine relative alle voci di menù deve comparire.
Una volta salvato e attivato il nostro modulo, esso sarà visibile nel
nostro sito.
Ho scelto di spiegare la creazione dei moduli più a
titolo informativo, per fare capire a voi clienti in quale
modo lavora il CMS, in quanto vi consiglio di lasciare
questa parte di lavoro sempre e comunque al
webmaster, che ha le competenze specifiche e le
conoscenze del mercato per regolare ogni
“comportamento” del sito a seconda delle necessità
del visitatore.
Adesso vediamo la parte relativa a quelle funzionalità che servono per
“regolare manutenzione e aggiornamento” del sito, come la
creazione di articoli o di voci di menù supplementari.
www.improntedigitali.net 7
Joomla Tutorial per Clienti sicuramente Soddisfatti!
4. Popoliamo il nostro contenitore con i contenuti!
Adesso creiamo insieme una bella news da prima pagina! Clicca su
“gestione sezioni” per verificare l’esistenza della voce “news”. E’
importante perché ogni menù fa riferimento ad una sezione (a sua
volta contenente delle categorie). Per esempio, quando clicchi su un
ipotetico link “news” si aprirà una pagina creata autonomamente da
Joomla che conterrà tutti gli articoli della sezione “news”.
Pensa che bello! Tu scrivi il tuo articolo, scegli dal menù a tendina la
sezione e Joomla automaticamente lo va ad inserire al suo posto! Non
dovrai impazzire per creare ogni volta una nuova pagina, incollarci
del testo, rimettere a posto le immagini! Lo fa lui per te.
Ok, c’è la sezione “news”? Se sì, ok, altrimenti basta cliccare sul tasto
verde in alto “nuovo”, dare il nome alla sezione e il gioco è fatto!
Poi stesso procedimento con la voce “categorie”. Perché una news
può avere diverse categorie! Può appartenere alla “cronaca” o al
“gossip” e Joomla vuole essere certo di catalogare ogni articolo con i
www.improntedigitali.net 8
Joomla Tutorial per Clienti sicuramente Soddisfatti!
parametri giusti. Quindi accertiamoci che sotto la voce “gestione
categorie”, alla quale accediamo sempre tramite il pannello di
controllo principale, ci sia la voce “cronaca”, appartenente alla
sezione “news”. Se non c’è la creiamo esattamente come abbiamo
fatto con la nostra sezione.
Ricordati sempre di mettere la spunta sul segno
“pubblicato”, affinchè le modifiche siano visibili! Altrimenti
se preferisci pubblicare le modifiche in un secondo
momento, lascia la spunta sul segno “x” che significa non
pubblicato. Questo vale per tutto in Joomla! Articoli,
menù, sezioni, ecc…
Ci siamo quasi! Accediamo alla pagina di creazione articolo (del tutto
simile ai più comuni editor di testo, come Microsoft Word) cliccando –
sempre dal nostro pannello di controllo – su “nuovo articolo”.
Ecco la nostra schermata! Scegli un titolo, scegli la sezione dal menù a
tendina, idem per la categoria… e ora scrivi!
www.improntedigitali.net 9
Joomla Tutorial per Clienti sicuramente Soddisfatti!
Utilizza i bottoni per formattare il tuo testo,
esattamente come fai quando scrivi un
documento con il tuo editor. Hai bisogno di
inserire un’immagine? In basso a sinistra c’è il
pulsante immagine. Cliccaci sopra una volta. Si
aprirà una finestra nella quale avrai la possibilità di
caricare un’immagine dal tuo pc o di sceglierla
dalla cartella immagini del sito (Joomla ne ha una
standard che si chiama “stories” e la trovi sotto la
cartella-madre “images”). Scegli un titolo, scegli
se mettere o no bordi e spaziature e clicca su
“inserisci”. Fatto! ☺
Se vuoi non appesantire troppo l’homepage, puoi
“spezzare” dove vuoi l’articolo posizionandoti sul punto in
cui vuoi fermarti, poi clicca sul tasto “leggi tutto…” che
trovi sempre in basso a sinistra, e continua a scrivere dopo
la linea tratteggiata.
Sulla destra ci sono i “parametri avanzati”: da lì puoi personalizzare gli
elementi da visualizzare insieme all’articolo, per esempio il nome
dell’autore, la data della modifica, ecc…
Le “informazioni Metadata” sono importantissime, perché dicono ai
motori di ricerca cosa è contenuto nella pagina. Quindi abbi cura di
riempire i campi “descrizione” con un breve riassunto del contenuto
dell’articolo e nelle “parole chiave” scrivi le parole più importanti con
cui desideri essere trovato da Google, o ripeti quelle accordate con il
tuo esperto SEO di fiducia o con il tuo webmaster.
www.improntedigitali.net 10
Joomla Tutorial per Clienti sicuramente Soddisfatti!
Una volta compilati tutti i campi che ritieni utili, metti la spunta nel
pallino “pubblicato” e “prima pagina” se vuoi pubblicare e/o mettere
in prima pagina il tuo articolo. Puoi anche non farlo ed
eseguire
questa
operazione
successivamente,
sia
dall’interno dell’articolo che come suggerito a pag. 9
interagendo con i segni di spunta nella lista articoli.
www.improntedigitali.net 11
Joomla Tutorial per Clienti sicuramente Soddisfatti!
5. “Diamo voce” al nostro menù!
Un articolo non è necessariamente in prima pagina! Tutti i contenuti
sono raggiungibili tramite i menù!
Creiamo un menù dalla “gestione menù”, diamogli un titolo, una
descrizione, una tipologia. Confermiamo tramite il tasto “salva”.
Ci troviamo davanti questa schermata.
Cliccando sull’icona “Voci di Menù”
corrispondente al menù che vogliamo
personalizzare, andiamo ad inserire una
nuova voce. Ci chiede di che tipo deve
essere. Le possibilità sono infinite. Noi
clicchiamo su “Articoli” e selezioniamo
“Aspetto articolo”.
Così l’utente che accede al sito,
cliccando sul link che stiamo creando
potrà visualizzare direttamente l’articolo
desiderato.
www.improntedigitali.net 12
Joomla Tutorial per Clienti sicuramente Soddisfatti!
Altre voci molto utilizzate sono “Aspetto Blog Sezione” o “Aspetto Blog
categoria”, specialmente per la homepage quando deve mostrare le
nostre news come descritto precedentemente.
A questo punto dobbiamo solo ultimare la configurazione scegliendo
dal menù a tendina l’articolo di destinazione e un nome per il nostro
link. Pubblichiamolo.
Ecco, siamo riusciti ad eseguire quelle semplici operazioni che ci
permettono di fare ordinaria manutenzione del nostro sito!
www.improntedigitali.net 13
Joomla Tutorial per Clienti sicuramente Soddisfatti!
6. Bello, rapido, efficace.
Desidero condividere con voi anche alcune importantissime regole
relative alla gestione di un sito web, che per un webmaster sono
scontate, ma per la maggior parte dei clienti non sono affatto chiare:
1) Un sito bello esteticamente, ma poco “navigabile”, lento a
caricare e con le informazioni di difficile reperibilità, è un sito
inutile. Cercate di coniugare estetica e funzionalità, fidatevi dei
professionisti del settore che vi possono dare giusti suggerimenti! E
mettetevi sempre nei panni di chi cerca le informazioni tra le
vostre pagine: il visitatore che non trova subito quello che cerca,
abbandonerà il vostro sito immediatamente per andare dalla
concorrenza!
2) Un sito ricco di contenuti, ma non indicizzato correttamente, è
invisibile agli occhi dei motori di ricerca. Un buon esperto SEO vi
può aiutare a far “scalare le classifiche” dei principali motori di
ricerca. In ogni caso diffidate di chi promette troppo, perché sul
web la concorrenza è spietata ed alcuni SEO utilizzano metodi
“illegali” per alzare la popolarità dei siti… con il risultato di essere
letteralmente “cacciati fuori” dal motore di ricerca!
3) Un sito bello, navigabile, ricco di contenuti…. Ma non
aggiornato… fa scappare il visitatore nuovo, non fidelizza il
vecchio e vi fa sparire dai motori di ricerca! Prendetevi cura del
vostro sito, pubblicate almeno un articolo ogni 7-15gg e sarete
sicuri di avere in mano uno strumento davvero efficiente e
prolifico per la Vostra attività!
www.improntedigitali.net 14
Joom
mla Tutorial p
per Clienti siccuramente SSoddisfatti!
Chiu
udo que
esto tuttorial sp
perando
o sia sta
ato d’aiuto perr tutti
coloro
o che si prende
eranno cura con amo
ore del loro sito
o web.
Vi consiglio
o di dare
e semp
pre un colpo
c
dii telefon
no al vo
ostro
we
ebmastter di fid
ducia nel
n caso
o non vi sentiatte sicurii di
eventu
uali mod
difiche che
c
de
ecidete di fare da soli.
m clien
nti….
Per i miei
Graziee per avere sceltto ImproonteDigitali!
disponibile per affiancarvi con la precisiione, la
Sono sempre
s
serietà e la profession
nalità ch
he contraaddistinguonoo il mio lavoro.
E scusaate se predico bene
b
e raazzolo male,
m
laa mia ru
ubrica “Digitall
News” con le ultime
u
n
novità
s mon
sul
ndo digiitale vieene aggiornata
s sa, il calzolaaio gira sempree con lee scarpee
poco… ma del resto si
rotte!
Alla prrossimaa!
Carlottta Silves
estrini
328.16
622087
7 – www
w.impron
ntedigittali.net
w
www.impronttedigitali.nett 15