3. @wptorino02/11/15
Cos’è WordPress? Cosa non è?
«WordPress is web software you can
use to create a beautiful website or
blog»
WordPress non è Photoshop,
Dreamweaver, Word, «una cosa drag &
drop»
3
4. @wptorino02/11/15
A cosa serve WordPress?
WordPress non è la soluzione giusta per
fare tutti i siti
Quello che può fare WordPress lo
decidono il tema e i plugin
4
11. @wptorino02/11/15
WordPress è un CMS (Content
Management System / Sistema di
Gestione dei Contenuti) progettato per
gestire, attraverso una interfaccia
intuitiva, contenuti anche ricchi e
complessi.
11
12. @wptorino02/11/15
WordPress.com
Ideale per familiarizzare con gli strumenti di WordPress, senza acquistare
uno spazio web.
Registrandosi su WordPress.com si può iniziare subito a creare il proprio
sito o blog.
Senza dover acquistare nulla, senza dover installare nulla e senza doversi
preoccupare degli aggiornamenti della piattaforma.
COMODO NO?
12
13. @wptorino02/11/15
• Dominio di terzo livello (www.miosito.
wordpress.com)
• Limitazione nell’uso dei temi
• Impossibile accedere al codice
• Impossibile installare plugin
• Nessun accesso all’hosting
WordPress.com – Limiti
13
20. @wptorino02/11/15
Articoli e pagine
ARTICOLO (post):
✓ contenuti archiviati in ordine
cronologico dal più recente (blog)
✓ non hanno struttura gerarchica
✓ possono essere organizzati con
categorie e tag
PAGINA:
✓ contenuti statici (es. About)
✓ possono avere una struttura
gerarchica con pagine e sotto-pagine
✓ non prevedono categorie e tags
20
24. @wptorino02/11/15
Nella barra a destra troviamo diverse funzioni:
✓ Salva bozza, anteprima, cestina e PUBBLICA
✓ Formato: all’articolo possiamo attribuire
diversi formati, il più utilizzato è standard
✓ CATEGORIE
✓ TAG
✓ IMMAGINE IN EVIDENZA: necessaria per le
anteprime sul sito, è quella che appare
quando si condivide l’articolo sui Social.
24
25. @wptorino02/11/15
Categorie e Tag
Sono delle tassonomie.
Tag e categorie sono utili per classificare
i contenuti di un sito, per guidare i
lettori e per indicizzare il sito su Google.
Ad ogni tag e categoria infatti
corrisponde un URL che andrà a
posizionarsi su Google.
25
26. @wptorino02/11/15
Categorie
✓ sono dei macrodescrittori dell’argomento del
post
✓ un numero piuttosto limitato in un sito
✓ sono gerarchiche (categorie e sottocategorie)
✓ Ha senso creare una categoria se associata ad
una buona quantità di post
✓ la creazione di una categoria deve essere
ragionata: prima di partire con un blog avere
chiare almeno 3 categorie.
26
27. @wptorino02/11/15
Tag
✓ classificazione trasversale del post
✓ al massimo una trentina
✓ non sono gerarchici
✓ non devono mai coincidere con le categorie
ESEMPIO:
27
Categorie Tag
Primi piatti Ricette con pomodoro
Secondi piatti Ricette con il pesce
28. @wptorino02/11/15
Immagini
Le immagini che carichiamo sul nostro sito
sono molto importanti e devono essere:
1) OTTIMIZZATE PER WEB
2) OTTIMIZZATE PER I MOTORI DI RICERCA
28
29. @wptorino02/11/15
Ottimizzare le immagini per il
web
ERRORE FREQUENTE: siti web con
immagini pesantissime e quindi
lentissimi.
- 72 dpi
- 1200 px il lato maggiore
- compressione: 70-80%
29
30. @wptorino02/11/15
Ottimizzare le immagini per i
motori di ricerca
Indispensabile perché le foto
possano essere trovate su Google
Riguarda tre elementi principali:
- nome del file
- attributo title
- attributo alt
30
31. @wptorino02/11/15
Ottimizzare le immagini per i
motori di ricerca
NOME DEL FILE:
- deve contenere parole di senso
compiuto
- separate dal trattino alto
- tutto scritto minuscolo
- dev’essere univoco (non uguale per più foto)
- descrittivo al massimo
- coinciso (5 o 6 parole max)
31
32. @wptorino02/11/15
Ottimizzare le immagini per i
motori di ricerca
ATTRIBUTI TITLE E ALT
danno informazioni sull’immagine
- testo alternativo quando l’immagine
non carica
- testo che appare passando col mouse
- didascalia nelle gallery
32
33. @wptorino02/11/15
Ottimizzare le immagini per i
motori di ricerca
IMPORTANTE:
ALT è l’attributo che viene letto dai
programmi di sintesi vocale utilizzati
dalle persone non vedenti.
INSERIAMOLO SEMPRE!
33
34. @wptorino02/11/15
Ottimizzare le immagini per i
motori di ricerca
•Title e Alt esprimono lo stesso
concetto del nome del file ma devono
essere scritti in modo discorsivo e
rispettando le regole dell’ortografia.
•Possono essere uguali tra loro
34
40. @wptorino02/11/15
Template
l 1) Un file HTML (di solito acquistato)
l
l 2) Un tema WordPress
l
l 3) Un file nella struttura gerarchica di
WordPress
40
41. @wptorino02/11/15
Un file HTML
l Per chi semplicemente non riesce a
fare una «bella» grafica , i template
HTML sono da sempre stati una
salvezza.
l Sono spesso a pagamento, a volte
gratuiti, ma riguardano una modalità
statica di fare siti.
41
43. @wptorino02/11/15
Template della struttura di
WordPress
Parte integrante della struttura di ogni
singolo tema
Solo il file functions.php (e i file funzionali
annessi), i file .js e .css non sono template
index.php, single.php, archive.php, page.
php sono template
43
44. @wptorino02/11/15
Tipologia principale
Temi a pagamento → assistenza, buona
qualità
Temi Free → risparmio, buona/discreta
qualità
Temi versione Light → primo passo verso
acquisto
44
53. @wptorino02/11/15
Dove trovare immagini per
fare sito e modificare il
tema?
•Pexels http://pexels.com
•Flickr CC http://www.flickr.com/creativecommons/
•Wikimedia Commons http://commons.wikimedia.
org/wiki/Category:Images
•The Stocks http://thestocks.im/
•Unsplash http://unsplash.com/
•Gratisography http://www.gratisography.com/
•Stock Up http://www.sitebuilderreport.com/stock-up
•Designers Pics http://www.designerspics.com/
53
54. @wptorino02/11/15
Per chi usa WordPress.org
Child Theme
•IL MANTRA: Sempre meglio creare Child
Theme in modo che si evitino guai con gli
aggiornamenti (sovrascrittura)
•Tutte le personalizzazioni si fanno nel file
style.css e nel file functions.php
54