Wordpress LABORATORIO - Made in Italy: Eccellenze in Digitale

18/2/16 - Andrea Tombesi | Paolo Roganti

Cos’è un CMS?Un CMS (Content Management System), è un software che ti permette di gestireun blog (o sito web) in estrema facilità, senza dover conoscere niente sullaprogrammazione HTML delle pagine web.La sua struttura modulare permette di aggiungere caratteristiche in modo daintegrare qualsiasi tipo di funzionalità: newsletter, procedure di pagamento,gallerie fotografiche, funzionalità di social networking e così via.Il CMS rende semplice l’aggiunta dei contenuti, la pubblicazione di foto e video,l’integrazione di documenti.Il CMS è costituito da due parti, il lato FRONT END e il lato BACK END. Il front endè il lato frontale del sito ossia l'interfaccia che viene visualizzata dai visitatori delsito; invece il lato back end è visibile solo agli amministratori del sito e permettedi gestire il sito.

Laboratorio pratico - Wordpress per le PMI

Wordpress è...

● E’ nato nel 2003● Usato da più del 30% dei siti

più importanti al mondo● Usato dal 39% dei nuovi siti sul web● Attualmente il CMS (Content Management System) più

famoso di internet

Laboratorio pratico - Wordpress per le PMI

Wordpress: perché?

● sempre aggiornato e open source● versatile● sicuro (se ottimizzato bene)● personalizzabile● facile da usare

● e in più… è gratis!

Laboratorio pratico - Wordpress per le PMI

Wordpress: 3 possibilità

1) La soluzione Self Hosted: si scarica il software da wordpress.org e si installasul server scelto.

2) La soluzione Saas: si va su wordpress.com e si fa tutto online (menofunzionalità, no plugin)

3) Si installa in locale sul proprio computer: utile per effettuare testIn questo link vengono spiegate 5 modalità per installare WordPress sul propriocomputer

Laboratorio pratico - Wordpress per le PMI

Wordpress: requisiti ed installazione

Laboratorio pratico - Wordpress per le PMI

Caratteristiche tecniche del server per far funzionare WordPress:

→ Sistema operativo Linux + database MySQL

Controllare sempre i requisiti

e poi procedere con l’installazione(se non siete sicuri nelle operazioni da fare, rivolgetevi a un professionista!)

Wordpress: come funziona?

logica:‣ post‣ page‣ categorie e tag‣ utenti

Laboratorio pratico - Wordpress per le PMI

Wordpress: come funziona?

core:‣ pubblica post/page (paginazione)‣ pubblica commenti‣ gestisce utenti con ruoli‣ widget (sidebar)‣ archivia i post per categorie e tag‣ archivia immagini, pdf e video‣ indicizza (SEO like)

Laboratorio pratico - Wordpress per le PMI

Wordpress: come funziona?

free:‣ visualizzazione curata‣ funzionalità (del core) complete‣ limitata possibilità di configurazione delle funzionipremium:‣ visualizzazione curata e personalizzata‣ funzionalità (del core) avanzate‣ funzionalità e visualizzazioni configurabili da backend‣ supporto

Laboratorio pratico - Wordpress per le PMI

Nella pratica impariamo a:

● Accedere a Wordpress● Creare pagine● Creare articoli● Usare i media● Ottimizzare gli articoli per il SEO● Creare un Menù● Installare un plugin● Sistemare un widget● Cambiare tema● Personalizzare i temi (temi child)● Aggiungere utenti

Laboratorio pratico - Wordpress per le PMI

Accedere a Wordpress

www.ilmiosito.it/wp-admin

Laboratorio pratico - Wordpress per le PMI

www.ilmiosito.it/wp-login

La bacheca

Laboratorio pratico - Wordpress per le PMI

La creazione delle pagine

Laboratorio pratico - Wordpress per le PMI

Da tutte le pagine si possono avere sempre sotto controllo tutte le pagine, con la possibilità di fare modifiche rapide, senza entrare nel dettaglio di ogni singola pagina.

Si hanno inoltre informazioni sulle pagine pubblicate, in bozza o cestinate.

La creazione delle pagine

Laboratorio pratico - Wordpress per le PMI

1 - titolo della pagina2 - URL “Parlante” modificanile3 - editor di testo4 - possibilità di agire sul codice HTML5 - aggiungere un elemento multimediale6 - possibilità di cambiare il modello della pagina7 - possiamo salvare la pagina se il processo di creazione non è concluso e pubblicarla quando pensiamo sia il momento giusto.

12

3

45

6

7

La creazione degli articoli

Laboratorio pratico - Wordpress per le PMI

Per creare un articolo andare nel menu laterale e cliccare articoli/aggiungi nuovo.

In alto potremo inserire il titolo del nostro articolo, modificare l’URL, aggiungere eventuali media e formattare il testo come meglio crediamo.

Nella colonna di destra possiamo assegnare ogni articolo a precise categorie per ordinare tematicamente i contenuti. Allo stesso tempo assegnare loro dei tag per raggrupparli sotto specifiche etichette.

I Media

Laboratorio pratico - Wordpress per le PMI

I media fanno riferimento a tutti i file multimediali che l’utente può caricare nel sito (immagini, video, ecc..).

Wordpress possiede anche un editor interno in cui poter modificare l’immagine (1) e ottimizzarla nei confronti dei motori di ricerca (2).

1

2

Ottimizzazione articoli in ottica SEO

Laboratorio pratico - Wordpress per le PMI

Attraverso il plugin più famoso per Wordpress (Yoast by SEO) possiamo ottimizzare la keyword principale del nostro articolo o della nostra pagina.

Possiamo ottimizzare il meta title e la meta description. Inoltre segnalare al motore di ricerca se la nostra pagina deve essere indicizzata (noindex) e se deve passare il suo valore alle pagine a questa collegate (follow o no follow).

*per approfondimenti sul tema SEO recuperare le slides dedicate all’argomento su www.bit.ly/eccedigit

I Menù

Laboratorio pratico - Wordpress per le PMI

Si accede da aspetto/menu

Si crea il menu per la prima volta e gli si assegna un nome

Da gestione posizioni si può decidere in quale zona del sito inserire il menu

Dalla sidebar di sinistra si possono selezionare le pagine da inserire nel menu, sia pagine “genitore” che pagine “figlio”, cioè sotto pagine. Per farlo basta trascinarle.

Si possono inoltre inserire link esterni.

pagina padre

sotto pagina

I Widgets

Laboratorio pratico - Wordpress per le PMI

I widget sono dei gadget che possiamo inserire in diverse posizioni del nostro sito (footer, sidebar, ec…) al fine di utilizzare componenti aggiuntivi, con funzioni precise, utili agli obiettivi del sito.

I temi possono supportare l’utilizzo di più o meno widgets.

I plugin

Laboratorio pratico - Wordpress per le PMI

Il plugin è un piccolo programma che interagisce con un altro programma per aumentarne le funzionalità.

Ciò permette di personalizzare maggiormente le funzioni del programma. I plugin influiscono anche sulla diffusione del programma, più è alto il numero di plugin, più il programma è diffuso. Questo perché ovviamente i clienti vogliono il programma con più funzionalità.

Per aggiungerne di nuovi: plugin/aggiungi nuovo

Consigli per assicurarsi plugin validi:- che sia recentemente aggiornato- che abbia valutazioni positive da parte degli altri utenti- che sia compatibile con la vostra versione di Wordpress

Una volta installato, il plugin va attivato nella sezione plugin!

Consigliati

PS.

Gli utenti

Laboratorio pratico - Wordpress per le PMI

Wordpress offre la possibilità di aggiungere un numero indefinito di “utenti” alla gestione del sito web.

Ad ognuno di questi utenti possono essere assegnati diversi livelli di gestione dello stesso (in ordine decrescente):

- amministratore: ha i permessi maggiori e può fare qualunque cosa (contenuti, tema, plugin)

- editore: ha la facoltà di lavorare su tutti i contenuti

- collaboratore: ha ruoli limitati, può creare e modificare articoli ma per pubblicarli deve aspettare la moderazione di un amministratore

- autore: può solo lavorare sugli articoli (crearli, modificarli e cestinarli)

- sottoscrittore: può solo ricevere notifiche ogni volta che viene pubblicato un nuovo articolo.

I temiCon una cifra una tantum tra i 40-80$ si porta a casa una tema avanzato dal

punto di vista grafico e di funzioni

www.themeforest.netwww.elegantthemes.com

www.woothemes.com

Consigli:

- responsive- ottimizzato SEO- che abbia le funzioni utili per i

vostri obiettivi- che sia aggiornato - recensioni positive

Laboratorio pratico - Wordpress per le PMI

Vediamo insieme come funzionano I temi predefiniti di wordpress sono la base di un sito che usa un utente che per ragioni pratiche o per incapacità non può creare un sito usando solo codice html, per gli utenti mediamente esperti esiste una via di mezzo alla creazione del sito che affianca le template al codice html.

Per scegliere una template ci si deve recare nella sezione aspetto e cliccare su temi.Vi comparirà una pagina in cui si trovano migliaia di template gratis e a pagamento, potete a questo punto scorrere nelle varie sezioni di template e cercare il tema che a voi sembra più consono al sito da sviluppare (non temere, se in seguito il tema non ti risulterà più convincente potrai cambiarlo ripetendo le stesse operazioni di prima).

Cliccando su aspetto/temi/personalizza potrete modificare la struttura dinamica del template.

Laboratorio pratico - Wordpress per le PMI

Risorse utili

● Guida a Wordpress di HTML.it http://www.html.it/guide/guida-wordpress/

● Primi passi con Wordpress - sito ufficialehttps://codex.wordpress.org/it:Primi_passi_con_WordPress

● Tutorial di Wordpresshttp://www.wptutorial.it/category/tutorial-wordpress/

● Video Tutorial su YouTubehttps://youtu.be/c4HWyvDpNss

● Wordpress Italiahttps://it.wordpress.org/

Laboratorio pratico - Wordpress per le PMI

In pratica..

Mettiamo in pratica quanto visto creando

il nostro sito in Wordpress

INIZIO LABORATORIO

Laboratorio pratico - Wordpress per le PMI

Laboratorio pratico - Wordpress per le PMI

Grazie@andrea_tombesi | @paolo_roganti

roganti.mc.camcom@eccellenzeindigitale.it tombesi.mc.camcom@eccellenzeindigitale.it