SlideShare a Scribd company logo
WordPress, un CMS per la
scuola: novità e sviluppi
Alberto Ardizzone
Renata Durighello
Christian Ghellere
Marco Milesi
2
L’associazione internazionale per la professionalità nel Web
• Prima associazione al mondo (dal 1996) che
raggruppa chi lavora nel Web, sia nel settore
pubblico che privato.
• Obiettivo di IWA è creare rete tra i soci,
partecipare all'evoluzione della rete e divulgare
conoscenza tramite i soci con eventi ed
iniziative.
• Associazione professionisti Web (Legge
4/2013), unica della categoria nell’elenco del
MISE.
partecipazioni internazionali
partecipazioni nazionali
3
Perché associarsi?
IWA Italy è associazione professionale
che raggruppa chi opera nel Web,
ovvero i soggetti che - ai sensi della
legge 4/2013, sono definibili come
"professionisti Web" (liberi
professionisti, dipendenti - pubblici e
privati, altre forme di lavoro che come
attività prevalente operano nel Web).
IWA Italy ha inoltre rilasciato i primi
profili professionali (G3 Web Skill
Profiles) in linea con i dettami
dell'agenda digitale europea e italiana
ed ha avviato accordi di collaborazione
con realtà di tutela del lavoro (sindacati)
e di domanda/offerta di lavoro: ancora
una volta il ruolo di IWA è quello di
unire, far collaborare e tutelare chi
opera nel Web.
http://www.skillprofiles.eu
SMAU MILANO2015
Quota speciale
€ 50,00
Potrai ottenere uno sconto sulla quota
associativa che pagherai € 50,00 anziché
€ 65,00. Lo sconto vale sia per i nuovi
soci che per i rinnovi.
Per usufruire dello sconto usa in fase di
registrazione o rinnovo il seguente
promocode:
www.iwa.it/join
Pasw 2015
Bello, accessibile e innovativo
Progettato per gli istituti scolastici
PASW2015 – tutti per uno
Il modello WordPress
 SEMPLICE
 Facile da installare
 Veloce da aggiornare
 Bello da usare
 AGGIORNATO
 Periodicamente rinnovato
 Continuamente migliorato
 SUPPORTATO DALLA
COMUNITA’
Il modello WordPress
 Non solo… Scuole!
 Comuni
 Associazioni
 … altri enti
PASW2015 – uno per tutti
Altamente personalizzabile
Come modificare il sito
• Personalizzare il tema con le
opzioni di default
• Creare un proprio tema child
La personalizzazione del tema
• Cambiare i colori
• Immagine della testata
• Sfondo (immagine o
colore)
• Opzioni di navigazione…
Bacheca > Aspetto > Personalizza
La scelta dei colori
• Controllare il contrasto dei colori e la luminosità
– Colour Contrast Analyser
– Web Accessibility toolbar
Attenzione all’accessibilità
Tema Child
Come modificare correttamente i file del tema
Tema child di WordPress, che cos’è?
• CHILD = BAMBINO, FIGLIO
un tema child è un tema, che deriva e dipende da un
tema «padre»
• Un tema child di WordPress è un tema a tutti gli effetti;
il tema importa tutte le funzionalità e caratteristiche del
tema padre.
• Un tema child viene creato quindi se si vogliono
apportare modifiche nell’aspetto o nelle funzionalità del
tema installato
Perché usare un tema Child? 1
• Prima dell’esistenza dei temi child chi
desiderava personalizzare il tema
installato doveva apportare le proprie
modifiche ai files.
• PRO: è facile, posso farlo direttamente
da bacheca, intervengo solo dove mi
interessa
• CONTRO: perdo di vista l’originale,
non posso «ereditare» aggiornamenti
Vedi versioni PASW2009-2013
Perché usare un tema Child? 2
• Il tema Wordpress PASW2015 è costantemente aggiornato nella sua
versione ufficiale
• WordPress. Aggiornare Pasw2015 è esattamente come aggiornare
un plugin!
• Ma se abbiamo modificato i files del tema perderemo le nostre
personalizzazioni (N.B. non Aspetto>Personalizza)
Tema child anche per modifiche semplici
• Si consiglia l’uso del tema child quando c’è la necessità di apportare
al tema padre delle modifiche sia semplici che complesse.
• Tra le modifiche semplici possiamo far rientrare la variazione del
CSS.
• In tal caso il nostro tema child avrà essenzialmente un nuovo file
style.css (con function.php per includere il foglio di stile genitore)
Tema child per modifiche complesse 1
• Tra le modifiche un po’ più complesse possiamo far rientrare la
creazione di funzioni particolari per coprire determinate esigenze, la
creazione di widget particolari ecc.
• Il nostro tema child avrà quindi al suo interno altri file, a partire dal
file function.php per avviare le nuove funzionalità
Tema child per modifiche complesse 2
• Es: creazione di pagine di accesso differenziate per diverse
categorie di utenza potenziando i widget:
Come funziona un child?
• I file del child hanno la priorità:
sovrascrivono i files «omonimi» del genitore
• Fa eccezione function.php: in questo caso
il file «figlio» viene caricato prima e in
aggiunta del function.php del genitore
• Il solo file obbligatorio del child è style.css,
(ma serve anche function.php se voglio importare lo
style.css del genitore)
• Se voglio modificare la testata creerò un
nuovo header.php e così via
• È possibile anche includere file nel tema
child che non sono presenti nel tema
genitore
Da dove partire?
• Nel gruppo Siti Scolastici
di facebook è possibile
trovare alcuni child
rilasciati dagli utenti
• Nel Github è possibile
scaricare un child master
e un child creato da
Christian
Tutorial by Caterina Toccafondi
Alla portata di tutti
Link
• https://www.facebook.com/groups/sitiscolastici/
 File
• https://github.com/PorteAperteSulWeb
 pasw2015-child
Cookie
Cookie
 Modulo Integrato ( @Christian ) per Pasw2015
 Plugin esterno ( es. @Marco ) per Pasw2015, Pasw2013 e altri temi grafici
Cookie
Cookie
Cookie
Cookie
Installazione
semplificata
Modulo:
pasw2015->Impostazioni
Plugin:
plugin->aggiungi nuovo
->Eu Cookie Law
Aggiornamenti
semplificati
Modulo:
direttamente con il tema
Plugin:
aggiornamento standard
Progettati in
parallelo
Blocco manuale
interscambiabile, stesse
performance, stesse
tecnologie
Plugins per le
Pubbliche Amministrazioni
www.wpgov.it
Plugin
Trasforma WordPress in un bot di Telegram
• Compatibile con
Trasforma WordPress in un bot di Telegram
…Un’altra piccola integrazione
…Un’altra piccola integrazione
• Crea una tabella a partire da un dataset xml
• Presto disponibile su wordpress.org
Anac xml viewer
Google Analytics
• Nuova visualizzazione
• Nuovi standard di sicurezza (= non più password)
Google Analytics nel nuovo Pasw
• Configurabile dalle impostazioni di
Pasw2015
• Più bello e funzionale
Pasw 2015
Versione 2015.2.0+R
La nuova versione « Responsiva »
 Adattabile ad ogni schermo
 Non necessita plugin aggiuntivi
Abbiamo cercato di:
 Evitare «Caccia al tesoro»
 Non disorientare (troppo)
 Garantire una certa continuità nella ricerca delle informazioni
 Evitare soluzioni javascript o jQuery (non sempre affidabili)
Alcuni punti essenziali da definire/migliorare:
 Visualizzazione dei Menù
 Visualizzazione delle barre laterali (sopra, sotto, espandibili)
Pasw2015 RESPONSIVE
Come funziona il responsive
#id {
color: blue;
}
@media screen and (max-width: 480px) {
#id {
color: red;
}
}
@media screen and (max-width: 768px) {
#id {
color: yellow;
}
}
@media screen and (max-width: 1024px) {
#id {
color: green;
}
}
Pc:
BLU
Tablet:
GREEN
Tablet portrait:
YELLOW
Smartphone:
RED
CSS originale:
pasw2015/responsive.css
CSS per modifiche:
pasw2015-child/style.css
(o modelli più articolati)
Come funziona il responsive
DESKTOP FIRST
Il sito viene progettato per pc.
Vengono introdotte regole di stile man mano che si
rimpicciolisce lo schermo
(standard)
max-width ( … ) { }
MOBILE FIRST
PASW2015 è DESKTOP-FIRST
Il sito viene progettato per smartphone.
Vengono introdotte regole di stile man mano che si
ingrandisce lo schermo
(standard)
min-width ( … ) { }
Recupero spazio «inutilizzato»
Pasw2015 RESPONSIVE
 In fase di ultimazione
 Da attivare manualmente nelle impostazioni (per non interferire con chi
utilizza altri sistemi – es. WPTouch)
 Attenzione a tema child fortemente personalizzati (es. con aggiunta di
«box» e «classi»)
 Attenzione a immagini, slider, video,…
Come aggiornare?
In Aspetto > Temi > Pasw2015 è possibile aggiornare il
tema a qualsiasi versione da noi rilasciata. Aggiornando
alla versione master puoi provare in anteprima tutto
quanto presentato oggi.
In particolare:
- Nuovo modello Responsive
- Nuovo sistema Google Analytics
- Miglioramenti nel pannello di amministrazione
Presto rilasceremo la versione 2.0 (stabile) di Pasw2015
GitHub
Tutto il codice è disponibile sul Repository GitHub.
GitHub permette uno sviluppo collaborativo
consentendo a chiunque di fare segnalazioni e proposte
(anche e soprattutto a livello di codice).
Pasw2015 ha bisogno anche di te!
github.com/PorteAperteSulWeb/Pasw2015
Alla prossima!
Per approfondire:
Gruppo Facebook «Siti Scolastici»
www.porteapertesulweb.it
www.wpgov.it (Marco Milesi)
plugin.sisviluppo.info (Ignazio Scimone)

More Related Content

What's hot

Wordpress corso base 2013
Wordpress corso base 2013Wordpress corso base 2013
Wordpress corso base 2013
Valentina Cinelli
 
WordPress 101 – Freelance Day - 24 ottobre 2015
WordPress 101 – Freelance Day - 24 ottobre 2015WordPress 101 – Freelance Day - 24 ottobre 2015
WordPress 101 – Freelance Day - 24 ottobre 2015
Toolbox Coworking
 
UN CMS PER LA SCUOLA: PLONE
UN CMS PER LA SCUOLA: PLONEUN CMS PER LA SCUOLA: PLONE
UN CMS PER LA SCUOLA: PLONE
Fabrizio Rota
 
Un Cms Per La Scuola Joomlafap
Un Cms Per La Scuola JoomlafapUn Cms Per La Scuola Joomlafap
Un Cms Per La Scuola Joomlafap
Lavia Di Sabatino
 
WordPress 4.6 Corso Bacic
WordPress 4.6 Corso BacicWordPress 4.6 Corso Bacic
WordPress 4.6 Corso Bacic
Renato Gelforte
 
Wordpress la guida
Wordpress la guidaWordpress la guida
Wordpress la guidalajonard
 
Il modello Joomla! di sito scolastico
Il modello Joomla! di sito scolasticoIl modello Joomla! di sito scolastico
Il modello Joomla! di sito scolastico
Antonio Todaro
 
WordPress: creare e gestire un sito gratuitamente e senza essere un esperto
WordPress: creare e gestire un sito gratuitamente e senza essere un espertoWordPress: creare e gestire un sito gratuitamente e senza essere un esperto
WordPress: creare e gestire un sito gratuitamente e senza essere un esperto
Boris Amico
 
Wordpress, Blog, SEO e Conversazione
Wordpress, Blog, SEO e ConversazioneWordpress, Blog, SEO e Conversazione
Wordpress, Blog, SEO e Conversazione
Giorgio Taverniti
 
Wordpress: Guida all'uso (avanzato)
Wordpress: Guida all'uso (avanzato)Wordpress: Guida all'uso (avanzato)
Wordpress: Guida all'uso (avanzato)
Artlandis' Webinar & Workshop
 
WordPress - corso base
WordPress - corso baseWordPress - corso base
WordPress - corso base
Teo Jurina
 
Creare un sito con WordPress
Creare un sito con WordPressCreare un sito con WordPress
Creare un sito con WordPress
Eugenio Molinario
 
Corso base wordpress
Corso base wordpressCorso base wordpress
Corso base wordpress
Rosetta Facciolini
 
WordPress Facilissimo: guida base
WordPress Facilissimo: guida base WordPress Facilissimo: guida base
WordPress Facilissimo: guida base
Flavius-Florin Harabor
 
Lezione WordPress Università degli Studi di Milano: Installazione e Gestione
Lezione WordPress Università degli Studi di Milano: Installazione e GestioneLezione WordPress Università degli Studi di Milano: Installazione e Gestione
Lezione WordPress Università degli Studi di Milano: Installazione e Gestione
alessandro gasparotto
 
PASW4Joomla! Un nuovo modello di sito scolastico in modalità di sviluppo social
PASW4Joomla! Un nuovo modello di sito scolastico in modalità di sviluppo socialPASW4Joomla! Un nuovo modello di sito scolastico in modalità di sviluppo social
PASW4Joomla! Un nuovo modello di sito scolastico in modalità di sviluppo social
Antonio Todaro
 
Bene, usiamo WordPress.
Bene, usiamo WordPress.Bene, usiamo WordPress.
Bene, usiamo WordPress.
Paolo Valenti
 
Corso Pratico di WordPress
Corso Pratico di WordPressCorso Pratico di WordPress
Corso Pratico di WordPress
Nicola Strumia
 
Joomla! per la scuola: verso l'implementazione di servizi bi-direzionali SMAU...
Joomla! per la scuola: verso l'implementazione di servizi bi-direzionali SMAU...Joomla! per la scuola: verso l'implementazione di servizi bi-direzionali SMAU...
Joomla! per la scuola: verso l'implementazione di servizi bi-direzionali SMAU...
Antonio Todaro
 
Chatbot per la modulistica con indoona - #Gasw2016
Chatbot per la modulistica con indoona - #Gasw2016Chatbot per la modulistica con indoona - #Gasw2016
Chatbot per la modulistica con indoona - #Gasw2016
Marco Milesi
 

What's hot (20)

Wordpress corso base 2013
Wordpress corso base 2013Wordpress corso base 2013
Wordpress corso base 2013
 
WordPress 101 – Freelance Day - 24 ottobre 2015
WordPress 101 – Freelance Day - 24 ottobre 2015WordPress 101 – Freelance Day - 24 ottobre 2015
WordPress 101 – Freelance Day - 24 ottobre 2015
 
UN CMS PER LA SCUOLA: PLONE
UN CMS PER LA SCUOLA: PLONEUN CMS PER LA SCUOLA: PLONE
UN CMS PER LA SCUOLA: PLONE
 
Un Cms Per La Scuola Joomlafap
Un Cms Per La Scuola JoomlafapUn Cms Per La Scuola Joomlafap
Un Cms Per La Scuola Joomlafap
 
WordPress 4.6 Corso Bacic
WordPress 4.6 Corso BacicWordPress 4.6 Corso Bacic
WordPress 4.6 Corso Bacic
 
Wordpress la guida
Wordpress la guidaWordpress la guida
Wordpress la guida
 
Il modello Joomla! di sito scolastico
Il modello Joomla! di sito scolasticoIl modello Joomla! di sito scolastico
Il modello Joomla! di sito scolastico
 
WordPress: creare e gestire un sito gratuitamente e senza essere un esperto
WordPress: creare e gestire un sito gratuitamente e senza essere un espertoWordPress: creare e gestire un sito gratuitamente e senza essere un esperto
WordPress: creare e gestire un sito gratuitamente e senza essere un esperto
 
Wordpress, Blog, SEO e Conversazione
Wordpress, Blog, SEO e ConversazioneWordpress, Blog, SEO e Conversazione
Wordpress, Blog, SEO e Conversazione
 
Wordpress: Guida all'uso (avanzato)
Wordpress: Guida all'uso (avanzato)Wordpress: Guida all'uso (avanzato)
Wordpress: Guida all'uso (avanzato)
 
WordPress - corso base
WordPress - corso baseWordPress - corso base
WordPress - corso base
 
Creare un sito con WordPress
Creare un sito con WordPressCreare un sito con WordPress
Creare un sito con WordPress
 
Corso base wordpress
Corso base wordpressCorso base wordpress
Corso base wordpress
 
WordPress Facilissimo: guida base
WordPress Facilissimo: guida base WordPress Facilissimo: guida base
WordPress Facilissimo: guida base
 
Lezione WordPress Università degli Studi di Milano: Installazione e Gestione
Lezione WordPress Università degli Studi di Milano: Installazione e GestioneLezione WordPress Università degli Studi di Milano: Installazione e Gestione
Lezione WordPress Università degli Studi di Milano: Installazione e Gestione
 
PASW4Joomla! Un nuovo modello di sito scolastico in modalità di sviluppo social
PASW4Joomla! Un nuovo modello di sito scolastico in modalità di sviluppo socialPASW4Joomla! Un nuovo modello di sito scolastico in modalità di sviluppo social
PASW4Joomla! Un nuovo modello di sito scolastico in modalità di sviluppo social
 
Bene, usiamo WordPress.
Bene, usiamo WordPress.Bene, usiamo WordPress.
Bene, usiamo WordPress.
 
Corso Pratico di WordPress
Corso Pratico di WordPressCorso Pratico di WordPress
Corso Pratico di WordPress
 
Joomla! per la scuola: verso l'implementazione di servizi bi-direzionali SMAU...
Joomla! per la scuola: verso l'implementazione di servizi bi-direzionali SMAU...Joomla! per la scuola: verso l'implementazione di servizi bi-direzionali SMAU...
Joomla! per la scuola: verso l'implementazione di servizi bi-direzionali SMAU...
 
Chatbot per la modulistica con indoona - #Gasw2016
Chatbot per la modulistica con indoona - #Gasw2016Chatbot per la modulistica con indoona - #Gasw2016
Chatbot per la modulistica con indoona - #Gasw2016
 

Similar to WordPress, un CMS per la scuola: novità e sviluppi - Porte Aperte sul Web a Smau Milano 2015

Wordpress 3/7. temi e plugin
Wordpress 3/7. temi e pluginWordpress 3/7. temi e plugin
Wordpress 3/7. temi e plugin
City Planner
 
Drupal Day 2011 - Drupal per la ricerca, il caso EAI
Drupal Day 2011 - Drupal per la ricerca, il caso EAIDrupal Day 2011 - Drupal per la ricerca, il caso EAI
Drupal Day 2011 - Drupal per la ricerca, il caso EAI
DrupalDay
 
Creare siti web con Orchard
Creare siti web con OrchardCreare siti web con Orchard
Creare siti web con Orchard
Michele Aponte
 
WordPress 1.pdf
WordPress 1.pdfWordPress 1.pdf
WordPress 1.pdf
Luca Calderan
 
WordPress 1.pdf
WordPress 1.pdfWordPress 1.pdf
WordPress 1.pdf
Luca Calderan
 
Usiamo bene WordPress
Usiamo bene WordPressUsiamo bene WordPress
Usiamo bene WordPress
Paolo Valenti
 
WordPress e il vostro blog - 18/19
WordPress e il vostro blog - 18/19WordPress e il vostro blog - 18/19
WordPress e il vostro blog - 18/19
Giuseppe Vizzari
 
eZ publish - Introduzione al sistema
eZ publish - Introduzione al sistemaeZ publish - Introduzione al sistema
eZ publish - Introduzione al sistemaFrancesco Trucchia
 
Presenti in rete workshop wordpress novembre 2019 v1.0
Presenti in rete workshop wordpress novembre 2019 v1.0Presenti in rete workshop wordpress novembre 2019 v1.0
Presenti in rete workshop wordpress novembre 2019 v1.0
Claudio Tancini
 
1 - Introduzione al corso 17/18
1 - Introduzione al corso 17/181 - Introduzione al corso 17/18
1 - Introduzione al corso 17/18
Giuseppe Vizzari
 
10 strumenti «tecnologici»
10 strumenti «tecnologici»10 strumenti «tecnologici»
10 strumenti «tecnologici»
Viola Anesin
 
08 - WordPress e il vostro blog
08 - WordPress e il vostro blog08 - WordPress e il vostro blog
08 - WordPress e il vostro blog
Giuseppe Vizzari
 
Corso Wordpress di base - ESIS Srl
Corso Wordpress di base - ESIS SrlCorso Wordpress di base - ESIS Srl
Corso Wordpress di base - ESIS Srl
ESIS Italia
 
Corso Wordpress di base - ESIS Srl
Corso Wordpress di base - ESIS SrlCorso Wordpress di base - ESIS Srl
Corso Wordpress di base - ESIS Srl
ESIS Italia
 
9 - WordPress e il vostro blog - 16/17
9 - WordPress e il vostro blog - 16/179 - WordPress e il vostro blog - 16/17
9 - WordPress e il vostro blog - 16/17
Giuseppe Vizzari
 
Corso Base Wordpress 22-40 | installazione (2 di 4)
Corso Base Wordpress 22-40 | installazione (2 di 4)Corso Base Wordpress 22-40 | installazione (2 di 4)
Corso Base Wordpress 22-40 | installazione (2 di 4)
armandocarcaterra
 
I 1000 utilizzi di WordPress
I 1000 utilizzi di WordPressI 1000 utilizzi di WordPress
I 1000 utilizzi di WordPress
Marco De Sangro
 
Child theme e template hierarchy for beginners
Child theme e template hierarchy for beginnersChild theme e template hierarchy for beginners
Child theme e template hierarchy for beginners
Gloria Liuni
 
2 Esercitazione (18/19)
2 Esercitazione (18/19)2 Esercitazione (18/19)
2 Esercitazione (18/19)
Andrea Gorrini
 
Content marketing
Content marketingContent marketing
Content marketing
MaMaStudiOs
 

Similar to WordPress, un CMS per la scuola: novità e sviluppi - Porte Aperte sul Web a Smau Milano 2015 (20)

Wordpress 3/7. temi e plugin
Wordpress 3/7. temi e pluginWordpress 3/7. temi e plugin
Wordpress 3/7. temi e plugin
 
Drupal Day 2011 - Drupal per la ricerca, il caso EAI
Drupal Day 2011 - Drupal per la ricerca, il caso EAIDrupal Day 2011 - Drupal per la ricerca, il caso EAI
Drupal Day 2011 - Drupal per la ricerca, il caso EAI
 
Creare siti web con Orchard
Creare siti web con OrchardCreare siti web con Orchard
Creare siti web con Orchard
 
WordPress 1.pdf
WordPress 1.pdfWordPress 1.pdf
WordPress 1.pdf
 
WordPress 1.pdf
WordPress 1.pdfWordPress 1.pdf
WordPress 1.pdf
 
Usiamo bene WordPress
Usiamo bene WordPressUsiamo bene WordPress
Usiamo bene WordPress
 
WordPress e il vostro blog - 18/19
WordPress e il vostro blog - 18/19WordPress e il vostro blog - 18/19
WordPress e il vostro blog - 18/19
 
eZ publish - Introduzione al sistema
eZ publish - Introduzione al sistemaeZ publish - Introduzione al sistema
eZ publish - Introduzione al sistema
 
Presenti in rete workshop wordpress novembre 2019 v1.0
Presenti in rete workshop wordpress novembre 2019 v1.0Presenti in rete workshop wordpress novembre 2019 v1.0
Presenti in rete workshop wordpress novembre 2019 v1.0
 
1 - Introduzione al corso 17/18
1 - Introduzione al corso 17/181 - Introduzione al corso 17/18
1 - Introduzione al corso 17/18
 
10 strumenti «tecnologici»
10 strumenti «tecnologici»10 strumenti «tecnologici»
10 strumenti «tecnologici»
 
08 - WordPress e il vostro blog
08 - WordPress e il vostro blog08 - WordPress e il vostro blog
08 - WordPress e il vostro blog
 
Corso Wordpress di base - ESIS Srl
Corso Wordpress di base - ESIS SrlCorso Wordpress di base - ESIS Srl
Corso Wordpress di base - ESIS Srl
 
Corso Wordpress di base - ESIS Srl
Corso Wordpress di base - ESIS SrlCorso Wordpress di base - ESIS Srl
Corso Wordpress di base - ESIS Srl
 
9 - WordPress e il vostro blog - 16/17
9 - WordPress e il vostro blog - 16/179 - WordPress e il vostro blog - 16/17
9 - WordPress e il vostro blog - 16/17
 
Corso Base Wordpress 22-40 | installazione (2 di 4)
Corso Base Wordpress 22-40 | installazione (2 di 4)Corso Base Wordpress 22-40 | installazione (2 di 4)
Corso Base Wordpress 22-40 | installazione (2 di 4)
 
I 1000 utilizzi di WordPress
I 1000 utilizzi di WordPressI 1000 utilizzi di WordPress
I 1000 utilizzi di WordPress
 
Child theme e template hierarchy for beginners
Child theme e template hierarchy for beginnersChild theme e template hierarchy for beginners
Child theme e template hierarchy for beginners
 
2 Esercitazione (18/19)
2 Esercitazione (18/19)2 Esercitazione (18/19)
2 Esercitazione (18/19)
 
Content marketing
Content marketingContent marketing
Content marketing
 

More from Marco Milesi

WordPress per una gestione comunitaria del sito scolastico
WordPress per una gestione comunitaria del sito scolasticoWordPress per una gestione comunitaria del sito scolastico
WordPress per una gestione comunitaria del sito scolastico
Marco Milesi
 
Giornata aperta sul web 2017 - Workshop WordPress
Giornata aperta sul web 2017 - Workshop WordPressGiornata aperta sul web 2017 - Workshop WordPress
Giornata aperta sul web 2017 - Workshop WordPress
Marco Milesi
 
Hackathon Caserta - 25/27 novembre 2016
Hackathon Caserta - 25/27 novembre 2016Hackathon Caserta - 25/27 novembre 2016
Hackathon Caserta - 25/27 novembre 2016
Marco Milesi
 
WordPress per una scuola (più) digitale
WordPress per una scuola (più) digitaleWordPress per una scuola (più) digitale
WordPress per una scuola (più) digitale
Marco Milesi
 
Giornata Aperta sul Web 2015 - WordPress
Giornata Aperta sul Web 2015 - WordPressGiornata Aperta sul Web 2015 - WordPress
Giornata Aperta sul Web 2015 - WordPress
Marco Milesi
 
WordPress per le PA - Monza 27.05.2015
WordPress per le PA - Monza 27.05.2015WordPress per le PA - Monza 27.05.2015
WordPress per le PA - Monza 27.05.2015
Marco Milesi
 
Pasw2015 a SMAU MILANO 2014
Pasw2015 a SMAU MILANO 2014Pasw2015 a SMAU MILANO 2014
Pasw2015 a SMAU MILANO 2014
Marco Milesi
 

More from Marco Milesi (8)

WordPress per una gestione comunitaria del sito scolastico
WordPress per una gestione comunitaria del sito scolasticoWordPress per una gestione comunitaria del sito scolastico
WordPress per una gestione comunitaria del sito scolastico
 
Giornata aperta sul web 2017 - Workshop WordPress
Giornata aperta sul web 2017 - Workshop WordPressGiornata aperta sul web 2017 - Workshop WordPress
Giornata aperta sul web 2017 - Workshop WordPress
 
Hackathon Caserta - 25/27 novembre 2016
Hackathon Caserta - 25/27 novembre 2016Hackathon Caserta - 25/27 novembre 2016
Hackathon Caserta - 25/27 novembre 2016
 
WordPress per una scuola (più) digitale
WordPress per una scuola (più) digitaleWordPress per una scuola (più) digitale
WordPress per una scuola (più) digitale
 
Giornata Aperta sul Web 2015 - WordPress
Giornata Aperta sul Web 2015 - WordPressGiornata Aperta sul Web 2015 - WordPress
Giornata Aperta sul Web 2015 - WordPress
 
WordPress per le PA - Monza 27.05.2015
WordPress per le PA - Monza 27.05.2015WordPress per le PA - Monza 27.05.2015
WordPress per le PA - Monza 27.05.2015
 
Pasw2015 a SMAU MILANO 2014
Pasw2015 a SMAU MILANO 2014Pasw2015 a SMAU MILANO 2014
Pasw2015 a SMAU MILANO 2014
 
Iwa smau13 mm
Iwa smau13 mmIwa smau13 mm
Iwa smau13 mm
 

WordPress, un CMS per la scuola: novità e sviluppi - Porte Aperte sul Web a Smau Milano 2015

  • 1. WordPress, un CMS per la scuola: novità e sviluppi Alberto Ardizzone Renata Durighello Christian Ghellere Marco Milesi
  • 2. 2 L’associazione internazionale per la professionalità nel Web • Prima associazione al mondo (dal 1996) che raggruppa chi lavora nel Web, sia nel settore pubblico che privato. • Obiettivo di IWA è creare rete tra i soci, partecipare all'evoluzione della rete e divulgare conoscenza tramite i soci con eventi ed iniziative. • Associazione professionisti Web (Legge 4/2013), unica della categoria nell’elenco del MISE. partecipazioni internazionali partecipazioni nazionali
  • 3. 3 Perché associarsi? IWA Italy è associazione professionale che raggruppa chi opera nel Web, ovvero i soggetti che - ai sensi della legge 4/2013, sono definibili come "professionisti Web" (liberi professionisti, dipendenti - pubblici e privati, altre forme di lavoro che come attività prevalente operano nel Web). IWA Italy ha inoltre rilasciato i primi profili professionali (G3 Web Skill Profiles) in linea con i dettami dell'agenda digitale europea e italiana ed ha avviato accordi di collaborazione con realtà di tutela del lavoro (sindacati) e di domanda/offerta di lavoro: ancora una volta il ruolo di IWA è quello di unire, far collaborare e tutelare chi opera nel Web. http://www.skillprofiles.eu SMAU MILANO2015 Quota speciale € 50,00 Potrai ottenere uno sconto sulla quota associativa che pagherai € 50,00 anziché € 65,00. Lo sconto vale sia per i nuovi soci che per i rinnovi. Per usufruire dello sconto usa in fase di registrazione o rinnovo il seguente promocode: www.iwa.it/join
  • 4. Pasw 2015 Bello, accessibile e innovativo Progettato per gli istituti scolastici
  • 6. Il modello WordPress  SEMPLICE  Facile da installare  Veloce da aggiornare  Bello da usare  AGGIORNATO  Periodicamente rinnovato  Continuamente migliorato  SUPPORTATO DALLA COMUNITA’
  • 7. Il modello WordPress  Non solo… Scuole!  Comuni  Associazioni  … altri enti
  • 8. PASW2015 – uno per tutti Altamente personalizzabile
  • 9. Come modificare il sito • Personalizzare il tema con le opzioni di default • Creare un proprio tema child
  • 10. La personalizzazione del tema • Cambiare i colori • Immagine della testata • Sfondo (immagine o colore) • Opzioni di navigazione… Bacheca > Aspetto > Personalizza
  • 11. La scelta dei colori • Controllare il contrasto dei colori e la luminosità – Colour Contrast Analyser – Web Accessibility toolbar Attenzione all’accessibilità
  • 12. Tema Child Come modificare correttamente i file del tema
  • 13. Tema child di WordPress, che cos’è? • CHILD = BAMBINO, FIGLIO un tema child è un tema, che deriva e dipende da un tema «padre» • Un tema child di WordPress è un tema a tutti gli effetti; il tema importa tutte le funzionalità e caratteristiche del tema padre. • Un tema child viene creato quindi se si vogliono apportare modifiche nell’aspetto o nelle funzionalità del tema installato
  • 14. Perché usare un tema Child? 1 • Prima dell’esistenza dei temi child chi desiderava personalizzare il tema installato doveva apportare le proprie modifiche ai files. • PRO: è facile, posso farlo direttamente da bacheca, intervengo solo dove mi interessa • CONTRO: perdo di vista l’originale, non posso «ereditare» aggiornamenti Vedi versioni PASW2009-2013
  • 15. Perché usare un tema Child? 2 • Il tema Wordpress PASW2015 è costantemente aggiornato nella sua versione ufficiale • WordPress. Aggiornare Pasw2015 è esattamente come aggiornare un plugin! • Ma se abbiamo modificato i files del tema perderemo le nostre personalizzazioni (N.B. non Aspetto>Personalizza)
  • 16. Tema child anche per modifiche semplici • Si consiglia l’uso del tema child quando c’è la necessità di apportare al tema padre delle modifiche sia semplici che complesse. • Tra le modifiche semplici possiamo far rientrare la variazione del CSS. • In tal caso il nostro tema child avrà essenzialmente un nuovo file style.css (con function.php per includere il foglio di stile genitore)
  • 17. Tema child per modifiche complesse 1 • Tra le modifiche un po’ più complesse possiamo far rientrare la creazione di funzioni particolari per coprire determinate esigenze, la creazione di widget particolari ecc. • Il nostro tema child avrà quindi al suo interno altri file, a partire dal file function.php per avviare le nuove funzionalità
  • 18. Tema child per modifiche complesse 2 • Es: creazione di pagine di accesso differenziate per diverse categorie di utenza potenziando i widget:
  • 19. Come funziona un child? • I file del child hanno la priorità: sovrascrivono i files «omonimi» del genitore • Fa eccezione function.php: in questo caso il file «figlio» viene caricato prima e in aggiunta del function.php del genitore • Il solo file obbligatorio del child è style.css, (ma serve anche function.php se voglio importare lo style.css del genitore) • Se voglio modificare la testata creerò un nuovo header.php e così via • È possibile anche includere file nel tema child che non sono presenti nel tema genitore
  • 20. Da dove partire? • Nel gruppo Siti Scolastici di facebook è possibile trovare alcuni child rilasciati dagli utenti • Nel Github è possibile scaricare un child master e un child creato da Christian Tutorial by Caterina Toccafondi
  • 22. Link • https://www.facebook.com/groups/sitiscolastici/  File • https://github.com/PorteAperteSulWeb  pasw2015-child
  • 24. Cookie  Modulo Integrato ( @Christian ) per Pasw2015  Plugin esterno ( es. @Marco ) per Pasw2015, Pasw2013 e altri temi grafici
  • 28. Cookie Installazione semplificata Modulo: pasw2015->Impostazioni Plugin: plugin->aggiungi nuovo ->Eu Cookie Law Aggiornamenti semplificati Modulo: direttamente con il tema Plugin: aggiornamento standard Progettati in parallelo Blocco manuale interscambiabile, stesse performance, stesse tecnologie
  • 29. Plugins per le Pubbliche Amministrazioni www.wpgov.it
  • 31. Trasforma WordPress in un bot di Telegram
  • 32. • Compatibile con Trasforma WordPress in un bot di Telegram
  • 35. • Crea una tabella a partire da un dataset xml • Presto disponibile su wordpress.org Anac xml viewer
  • 37. • Nuova visualizzazione • Nuovi standard di sicurezza (= non più password) Google Analytics nel nuovo Pasw • Configurabile dalle impostazioni di Pasw2015 • Più bello e funzionale
  • 38. Pasw 2015 Versione 2015.2.0+R La nuova versione « Responsiva »
  • 39.  Adattabile ad ogni schermo  Non necessita plugin aggiuntivi Abbiamo cercato di:  Evitare «Caccia al tesoro»  Non disorientare (troppo)  Garantire una certa continuità nella ricerca delle informazioni  Evitare soluzioni javascript o jQuery (non sempre affidabili) Alcuni punti essenziali da definire/migliorare:  Visualizzazione dei Menù  Visualizzazione delle barre laterali (sopra, sotto, espandibili) Pasw2015 RESPONSIVE
  • 40. Come funziona il responsive #id { color: blue; } @media screen and (max-width: 480px) { #id { color: red; } } @media screen and (max-width: 768px) { #id { color: yellow; } } @media screen and (max-width: 1024px) { #id { color: green; } } Pc: BLU Tablet: GREEN Tablet portrait: YELLOW Smartphone: RED CSS originale: pasw2015/responsive.css CSS per modifiche: pasw2015-child/style.css (o modelli più articolati)
  • 41. Come funziona il responsive DESKTOP FIRST Il sito viene progettato per pc. Vengono introdotte regole di stile man mano che si rimpicciolisce lo schermo (standard) max-width ( … ) { } MOBILE FIRST PASW2015 è DESKTOP-FIRST Il sito viene progettato per smartphone. Vengono introdotte regole di stile man mano che si ingrandisce lo schermo (standard) min-width ( … ) { }
  • 42.
  • 43.
  • 45. Pasw2015 RESPONSIVE  In fase di ultimazione  Da attivare manualmente nelle impostazioni (per non interferire con chi utilizza altri sistemi – es. WPTouch)  Attenzione a tema child fortemente personalizzati (es. con aggiunta di «box» e «classi»)  Attenzione a immagini, slider, video,…
  • 46. Come aggiornare? In Aspetto > Temi > Pasw2015 è possibile aggiornare il tema a qualsiasi versione da noi rilasciata. Aggiornando alla versione master puoi provare in anteprima tutto quanto presentato oggi. In particolare: - Nuovo modello Responsive - Nuovo sistema Google Analytics - Miglioramenti nel pannello di amministrazione Presto rilasceremo la versione 2.0 (stabile) di Pasw2015
  • 47. GitHub Tutto il codice è disponibile sul Repository GitHub. GitHub permette uno sviluppo collaborativo consentendo a chiunque di fare segnalazioni e proposte (anche e soprattutto a livello di codice). Pasw2015 ha bisogno anche di te! github.com/PorteAperteSulWeb/Pasw2015
  • 48. Alla prossima! Per approfondire: Gruppo Facebook «Siti Scolastici» www.porteapertesulweb.it www.wpgov.it (Marco Milesi) plugin.sisviluppo.info (Ignazio Scimone)