Wordpress LABORATORIO - Made in Italy: Eccellenze in Digitale. 18/2/16 - Andrea Tombesi Paolo Roganti

Transcript

1 Wordpress LABORATORIO - Made in Italy: Eccellenze in Digitale 18/2/16 - Andrea Tombesi Paolo Roganti

2 Cos è un CMS? Un CMS (Content Management System), è un software che ti permette di gestire un blog (o sito web) in estrema facilità, senza dover conoscere niente sulla programmazione HTML delle pagine web. La sua struttura modulare permette di aggiungere caratteristiche in modo da integrare 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 del sito; invece il lato back end è visibile solo agli amministratori del sito e permette di gestire il sito.

3 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

4 Wordpress: perché? sempre aggiornato e open source versatile sicuro (se ottimizzato bene) personalizzabile facile da usare e in più è gratis!

5 Wordpress: 3 possibilità 1) La soluzione Self Hosted: si scarica il software da wordpress.org e si installa sul server scelto. 2) La soluzione Saas: si va su wordpress.com e si fa tutto online (meno funzionalità, no plugin) 3) Si installa in locale sul proprio computer: utile per effettuare test In questo link vengono spiegate 5 modalità per installare WordPress sul proprio computer

6 Wordpress: requisiti ed installazione 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!)

7 Wordpress: come funziona? logica: post page categorie e tag utenti

8 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)

9 Wordpress: come funziona? free: visualizzazione curata funzionalità (del core) complete limitata possibilità di configurazione delle funzioni premium: visualizzazione curata e personalizzata funzionalità (del core) avanzate funzionalità e visualizzazioni configurabili da backend supporto

10 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

11 Accedere a Wordpress

12 La bacheca

13 La creazione delle pagine 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.

14 La creazione delle pagine titolo della pagina 2 - URL Parlante modificanile 3 - editor di testo 4 - possibilità di agire sul codice HTML 5 - aggiungere un elemento multimediale 6 - possibilità di cambiare il modello della pagina 7 - possiamo salvare la pagina se il processo di creazione non è concluso e pubblicarla quando pensiamo sia il momento giusto.

15 La creazione degli articoli 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.

16 I Media I media fanno riferimento a tutti i file multimediali che l utente può caricare nel sito (immagini, video, ecc..). 1 2 Wordpress possiede anche un editor interno in cui poter modificare l immagine (1) e ottimizzarla nei confronti dei motori di ricerca (2).

17 Ottimizzazione articoli in ottica SEO 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

18 I Menù Si accede da aspetto/menu Si crea il menu per la prima volta e gli si assegna un nome pagina padre sotto pagina 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.

19 I Widgets 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.

20 I plugin 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!

21 I plugin Consigliati Gestire lo spam - Akismet Scrivere per i motori di ricerca - SEO by YOAST Ecommerce - WooCommerce Cookie - Cookie Law Info Form di contatti - Contact Form 7 Newsletter - MailPoet Sito multilingua - WPML (a pagamento) Google Analytics W3 - Total Cache WP - Copywright - Protection Per una lista completa vai su PS. Più plugin caricate, più il sistema rischia di rallentare

22 Gli utenti 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.

23 I temi Con una cifra una tantum tra i 40-80$ si porta a casa una tema avanzato dal punto di vista grafico e di funzioni Consigli: - responsive ottimizzato SEO che abbia le funzioni utili per i vostri obiettivi che sia aggiornato recensioni positive

24 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.

25 Risorse utili Guida a Wordpress di HTML.it Primi passi con Wordpress - sito ufficiale Tutorial di Wordpress Video Tutorial su YouTube Wordpress Italia

26 In pratica.. Mettiamo in pratica quanto visto creando il nostro sito in Wordpress INIZIO LABORATORIO

27 Grazie