GUIDA TASCABILE

CREARE UN SITO UTILIZZANDO I CMS

Introduzione
In questo piccolo e-textbook impareremo a creare un semplice sito e ad amministrarlo in modo
facile ed intuitivo attraverso l'utilizzo dei CMS.
L'intento di questa mini guida introduttiva fornire un supporto a chi voglia creare un sito Internet
senza conoscenze specifiche di linguaggi del web (html, CSS e javascript).
Queste pagine sono state realizzate utilizzando i contributi di molti articoli pubblicati su Internet sui
CMS. Ringrazio tutti gli autori che hanno pubblicato sul web il loro materiale rendendolo
accessibile a tutti.

E-book realizzato da Sara Melada V.1 REV 0 2016

Indice degli argomenti

Introduzione ai CMS

Introduzione ai CMS

Scelta del CMS

Introduzione al SEO

La piattaforma CMS WordPress

Per che cosa utilizzo WordPress?

Utilizzo di WordPress in locale (Instant WordPress)

Impostazioni e temi di WordPress

Ancora suWordPress

Punti di forza di WordPress

WordPress: men di navigazione

Struttura di una pagina WordPress

Ruoli dello user

Che cos' il SEO

Che cos' YOAST SEO

SEO semplice

Sicurezza in WordPress

WordPress sicuro?

Un CMS per e-commerce

Prestashop

Vantaggi di Prestashop

Utilizzi pratici
Alternanza scuola lavoro nella realizzazione di siti con WordPress e Prestashop.
APPENDICE
Fonti utilizzate

E-book realizzato da Sara Melada V.1 REV 0 2016

Introduzione ai CMS
Definizione e Scelta del CMS
Bisogna scegliere il CMS in base al sito che si vuole realizzare.
Per CMS (Content Management System) si intende un software, installato su un server web, che
permette la creazione del sito Internet (che sia un sito statico o dinamico, un blog o un ecommerce)
senza conoscenze di programmazione web. Esistono diversi tipi di CMS, quelli generici, che sono
flessibili e consentono lo sviluppo di qualsiasi sito, e quelli verticali (o specializzati), che sono stati
progettati appositamente per una determinata tipologia di contenuto.
Tutti i sistemi di gestione dei contenuti hanno due diverse sezioni: una pubblica (frontend), che ha
una grafica personalizzata ed visibile a tutti gli utenti internet, e una amministrativa (backend),
che permette di organizzare, aggiungere o modificare testi e file multimediali in qualsiasi momento
e da qualsiasi dispositivo attraverso un browser e una connessione Internet.
Il CMS pu essere personalizzato con linstallazione di template grafici e di plugin per laggiunta di
funzionalit particolari, ma per poter apportare queste modifiche necessario utilizzare un software
open source.
I CMS pi diffusi sono:
WordPress la piattaforma CMS pi conosciuta. Semplice da usare, dispone di molte funzioni
come url rewrite, trackback e meta tag. Personalizzabile tramite temi e plugin, ma problematico per
la gestione di ruoli e permessi degli utenti. Ottimo per la realizzazione di blog e siti internet.
Joomla il CMS pi usato da webmaster e designer. Interfaccia personalizzabile, ottima gestione
degli utenti, necessita di essere aggiornato spesso. Dispone di molte estensioni gratuite che
consentono di realizzare siti completi e adatti a ogni esigenza. CMS generico, versatile e adattabile
a qualsiasi progetto.
Drupal un software pi flessibile dei due precedenti e configurabile nei minimi dettagli. Noto per
le funzioni avanzate, ha unattiva comunit di sviluppatori che possono supportarvi
nellottimizzazione del vostro sito. Non un CMS user-friendly, ma ha unottima gestione di ruoli e
permessi degli utenti.
Prestashop un CMS semplice e professionale, dispone della traduzione in italiano, molte funzioni
e di upgrade periodici. Personalizzabile a proprio piacimento tramite migliaia di plugin e temi
disponibili, risulta molto facile da utilizzare per un utente non ferrato sulla programmazione web.
Viene utilizzato per creare siti di e-commerce.
Introduzione al SEO
La SEO consiste nel rendere perfettamente leggibili, indicizzabili e chiari nei contenuti i siti web
che Google analizza ogni giorno. I motori di ricerca, per quanto possano essere evoluti, sono pur
sempre programmi con dei limiti che non gli permettono di analizzare siti web mal strutturati o che,
per errore, nascondono i contenuti delle pagine web. L'ottimizzazione SEO consiste nel rendere i
contenuti di un sito web accessibili agevolmente per Google e fare in modo che sia in grado di
capire facilmente quali siano le keyword per cui ogni pagina web deve essere presa in
E-book realizzato da Sara Melada V.1 REV 0 2016

considerazione come eventuale risultato di ricerca. Pi si chiari ed esaustivi nella spiegazione che
andremo a fornire al motore di ricerca, pi possibilit si hanno che Google si fidi del sito e lo
proponga nei primi risultati di ricerca.
La piattaforma CMS WordPress

Per che cosa utilizzo WordPress?

WordPress pu essere facilmente utilizzato per creare ed amministrare:
1)blog
2)portali informativi
3)siti aziendali
4)siti personali
5)siti di e-commerce
6)portfolio per mostrare i propri lavori (fotografo, artista, freelance)
Utilizzo di WordPress in locale (Instant WordPress)
Per chi non avesse un dominio sul web a disposizione WordPress pu essere utilizzato anche in
locale, scaricando il file di installazione dal sito: http://www.instantwp.com/
Questa un'opportunit in pi per creare e modificare il sito e solo a lavoro compiuto pubblicarlo
sul web.
Infatti Instant WordPress unapplicazione portatile che permette di utilizzare WordPress in locale
su un pc senza installarlo e senza aggiungere o modificare niente nel registro di sistema.
L'accesso immediato, per poter gestire il back end basta inserire le credenziali: admin e password
di default password e si apre la pagina con tutte le tab relative a WordPress.
Impostazioni e temi di WordPress
Le impostazioni sono fondamentali perch permettono di personalizzare il sito che si vuole
realizzare. Una volta loggati come al punto sopra dal back end si seleziona Impostazioni e si vanno
E-book realizzato da Sara Melada V.1 REV 0 2016

a definire le configurazioni di base del portale.

I temi di WordPress si possono scaricare sul sito: https://wordpress.com/themes/
E' possibile scaricare e cominciare subito ad utilizzare WordPress andando sul sito wordpress.com

Ancora su WordPress
Punti di forza di WordPress
I punti caratterizzanti WordPress sono:
1)facilit di utilizzo
2)risultato professionale se scelgo i giusti template
3)codice di qualit e aggiornato spesso
4)ottimizzato per i motori di ricerca
5)espandibile con migliaia di plugin e template
WordPress: men di navigazione
Per creare facilmente un men di navigazione possibile seguire le indicazioni proposte in questo
articolo: https://sos-wp.it/come-creare-e-gestire-menu-di-navigazione-su-wordpress/
Struttura di una pagina WordPress
Ruoli dello user
La struttura della pagina di WordPress visualizzata sotto: per ogni sezione possibile
personalizzarne il contenuto.

E-book realizzato da Sara Melada V.1 REV 0 2016

 Ruoli dello user

WordPress permette di avere diversi livelli di utenti, con precisi permessi e privilegi. Sotto viene
esplicitato un elenco degli stessi.
Il super Aadmin qualcuno con accesso alle funzioni di amministrazione della rete sito e tutte le
altre caratteristiche. L'administrator chi ha accesso a tutte le funzioni di amministrazione
all'interno di un singolo sito .
L'editor qualcuno che possa pubblicare e gestire i messaggi , compresi i messaggi di altri utenti.
L'Autore colui che pu pubblicare e gestire i propri messaggi .
Il contributor qualcuno che pu scrivere e gestire i propri messaggi , ma non li pu pubblicare.
Il subscriber qualcuno che pu gestire solo il loro profilo .
Che cos' il SEO
Che cos' YOAST SEO
Yoast SEO un software, scritto in php, che estende le funzionalit del nostro sito Internet creato in
WordPress ai fini di ottimizzare le pagine per linclusione nei motori di ricerca.
Il plugin viene rilasciato gratuitamente e lo si pu scaricare direttamente da WordPress.
SEO semplice
Da wikipedia: Con il termine ottimizzazione (in lingua inglese Search Engine Optimization, in
acronimo SEO) nel linguaggio di internet si intendono tutte quelle attivit volte ad ottenere la
migliore rilevazione, analisi e lettura del sito web da parte dei motori di ricerca attraverso i loro
spider, al fine di migliorare (o mantenere) un elevato posizionamento nelle pagine di risposta alle
interrogazioni degli utenti del web.
Per un approfondimento vai al link relativo su wikipedia.

Sicurezza in WordPress
WordPress sicuro?
E' possibile proteggere con password i singoli articoli o post. In questo modo si creano gruppi che
conoscono la password e possono accedere ai contenuti. I post privati sono visibili esclusivamente
agli amministratori, gli editori e gli autori del blog.
Per impedire l'accesso a wp-config.php (che una miniera di informazioni per un hacker) bisogna
aggiungere queste righe al file htaccess:
<files wp-config.php>
order allow,deny deny from all
</files>
Bisogna poi settare htaccess con permessi 640 (owner: lettura/scrittura; gruppi:lettura; others:
E-book realizzato da Sara Melada V.1 REV 0 2016

niente).
Per disabilitare l'edit (loggati come Admin) bisogna aggiunger il seguente spezzone di codice al file
wp-config.php:
define('DISALLOW_FILE_EDIT', true);

Un CMS per e-commerce

Prestashop
Prestashop una semplice piattaforma gratuita per creare in modo facile ed intuitivo un sito di ecommerce.
Il sito dal quale scaricarlo : https://www.prestashop.com/
Prestashop un CMS semplice e professionale, dispone della traduzione in italiano, di pi di 300
funzioni e di upgrade periodici. Personalizzabile a proprio piacimento tramite gli oltre 2000 plugin
e temi disponibili, risulta molto facile da utilizzare per un utente non esperto in programmazione
web. PrestaShop pu essere installato tramite uno script di installazione one-click dal provider di
servizi di hosting o manualmente tramite MySQL e FTP. Inoltre possibile installare una versione
localhost di PrestaShop sul proprio dispositivo personale per scopi di test e sviluppo.
Vantaggi di Prestashop
Pregi: facile da usare, richiede poche risorse hardware, community ed totalmente gratuito.
Difetti: non adatto a e-commerce importanti (per grandezza).

E-book realizzato da Sara Melada V.1 REV 0 2016

Utilizzi pratici

La presente guida sui CMS stata utilizzata all'interno del progetto alternanza scuola lavoro per la
realizzazione di siti tematici su commessa (di divulgazione e/o e-commerce).
Come una vera e propria attivit professionale alcuni studenti di terza superiore si sono dedicati per
tre settimane alla costruzione di siti web su commessa. Alcuni portatori di interesse esterni (aziende,
onluss, negozi) con necessit diverse (restyling di un sito esistente, sito divulgativo, sito per poter
vendere prodotti di un negozio, sito per le prenotazioni online di libri multimediali sono solo alcuni
esempi) hanno chiesto agli studenti di realizzare su commessa un sito.
Di seguito una sintesi del Planning del progetto realizzato. Il corso sui CMS servito come
prerequisito per poter svolgere il lavoro assegnato in autonomia.
Ruoli da assegnare:
website manager
web developer
content administrator
web administrator
Attivit:
1. Project Planning
1.1.
Installazione e configurazione piattaforma sviluppo CMS
1.2.
Specifica dei requisiti del sito
1.3.
Definizione caratteristiche del sito
1.4.
Definizione interfaccia utente
2. Website construction
3. Content review
4. Usability testing
5. Consegna
Matrice delle responsabilit (A responsabile attivit, R ruolo operativo, C consultato sull'attivit, I
informato sull'attivit).

Project planning
Website construction
Content review
Usability testing

Website manager
A
A
I
I

Web developer Content administrator

R
C
R
C
C
A/R
A
C

E-book realizzato da Sara Melada V.1 REV 0 2016

Web administrator
C
C
I
R

Scansione temporale di massima delle attivit

Data iniziale: 16/05/2016
Data finale: 08/06/2016
WBS delle attivit

Diagramma di Gantt delle attivit

n.

gg

da

1 Installazione e configurazione piattaforma CMS 3 16-mag

18-mag

Specifica dei requisiti del sito 3 16-mag

18-mag

Definizione caratteristiche del sito 1 19-mag

19-mag

Definizione interfaccia utente 1 20-mag

20-mag

Costruzione sito 10 21-mag

1-giu

Content review 3

3-giu

6-giu

Usability tresting 1

7-giu

7-giu

Consegna 1

8-giu

8-giu

16/5 17/5 18/5 19/5 20/5 21/5 22/5 23/5 24/5 25/5 26/5 27/5 28/5 29/5 30/5 31/5 1/6

x
x

x
x

2/6

3/6

4/6

5/6

6/6

7/6

8/6

x
x
x
x
x

E-book realizzato da Sara Melada V.1 REV 0 2016

x
x
x

APPENDICE
Nelle screenshot sotto si possono leggere le fonti utilizzate nell'ebook salvate su Instapaper. Le altre
fonti utilizzate sono citate direttamente nell'ebook.

E-book realizzato da Sara Melada V.1 REV 0 2016