SlideShare a Scribd company logo
1 of 25
Download to read offline
Gutenberg la nuova
esperienza di scrittura
in WordPress
Andrea Barghigiani - SkillsAndMore
Cos’è Gutenberg?
Andrea Barghigiani - SkillsAndMore
Il nuovo editor WordPress
Partiamo dalle basi…
Andrea Barghigiani - SkillsAndMore
WordPress ha già un ottimo editor
e si chiama TinyMCE
Presenta dei limiti
Andrea Barghigiani - SkillsAndMore
TinyMCE è pensato principalmente per l’inserimento di testo,
ma la creazione di pagine web oggi richiede molto di più.
Gutenberg offre una nuova esperienza
Andrea Barghigiani - SkillsAndMore
Questo nuovo editor introduce il
concetto di “blocco”
Ma che cosa è un blocco?
Andrea Barghigiani - SkillsAndMore
La sintesi della esperienza odierna
Andrea Barghigiani - SkillsAndMore
shortcode, embed, custom fields, theme
options e molti altri elementi di formattazione
Ogni blocco ha le sue impostazioni
Andrea Barghigiani - SkillsAndMore
È possibile personalizzare ulteriormente
il comportamento di un blocco
Perché usare Gutenberg?
Andrea Barghigiani - SkillsAndMore
Con l’introduzione dei
blocchi è possibile unificare
l’esperienza utente.
Andrea Barghigiani - SkillsAndMore
1.
È un aggiornamento
importante che permette a
WordPress di coinvolgere i
nuovi utenti.
Andrea Barghigiani - SkillsAndMore
2.
Crea uno standard per
l’inserimento dei contenuti
e incentiva l’uso delle API
Andrea Barghigiani - SkillsAndMore
3.
Questo strumento sarà la base
per le future personalizzazioni
della piattaforma
Andrea Barghigiani - SkillsAndMore
4.
Migliora
l’esperienza da
mobile
Andrea Barghigiani - SkillsAndMore
5.
Nessuno pensa alla
retrocompatibilità?
Certo!
Infatti saranno compatibili:
[shortcode]
Andrea Barghigiani - SkillsAndMore
Anche se in futuro verranno sostituite
dai blocchi
Meta Box
Andrea Barghigiani - SkillsAndMore
Anche se in futuro verranno integrati
in Gutenberg
Custom Post Type
Andrea Barghigiani - SkillsAndMore
È possibile dichiarare se devono usare
Gutenberg o il classico editor
Fasi di Sviluppo
Andrea Barghigiani - SkillsAndMore
1. Content Editing
2. Page Template Customization
3. Full Site Customization
1. Content Editing
Andrea Barghigiani - SkillsAndMore
Entrerà a far parte di WordPress
dalla versione 5 nel 2018.
Per le altre due fasi non si
hanno notizie precise
Andrea Barghigiani - SkillsAndMore
Ma sappiamo che verranno sviluppate a
partire dal 2019
Non vuoi usarlo? No problemo!
Andrea Barghigiani - SkillsAndMore
In WordPress esiste un plugin per
tutto, compreso il vecchio editor.
Alcuni link utili per
approfondire:
Andrea Barghigiani - SkillsAndMore
wordpress.org/gutenberg/

wordpress.org/plugins/gutenberg/
wordpress.org/gutenberg/handbook/
wordpress.tv/?s=gutenberg
matiasventura.com/post/gutenberg-
or-the-ship-of-theseus/
È il momento di provarlo!
URL: http://brave-ocelot.w6.poopy.life/wp-admin/
User: demo
Password: LKBiscr25H38 Andrea Barghigiani - SkillsAndMore

More Related Content

More from SkillsAndMore

Il futuro dei CSS è nel tuo browser
Il futuro dei CSS è nel tuo browserIl futuro dei CSS è nel tuo browser
Il futuro dei CSS è nel tuo browserSkillsAndMore
 
Aggiungiamo Stile al Progetto con i CSS3
Aggiungiamo Stile al Progetto con i CSS3Aggiungiamo Stile al Progetto con i CSS3
Aggiungiamo Stile al Progetto con i CSS3SkillsAndMore
 
Lezione 3 del corso Web Design from Ground to Top
Lezione 3 del corso Web Design from Ground to TopLezione 3 del corso Web Design from Ground to Top
Lezione 3 del corso Web Design from Ground to TopSkillsAndMore
 
Lezione 2 del corso Web Design from Ground to Top
Lezione 2 del corso Web Design from Ground to TopLezione 2 del corso Web Design from Ground to Top
Lezione 2 del corso Web Design from Ground to TopSkillsAndMore
 
Lezione 1 del corso Web Design from Ground to Top
Lezione 1 del corso Web Design from Ground to TopLezione 1 del corso Web Design from Ground to Top
Lezione 1 del corso Web Design from Ground to TopSkillsAndMore
 
Scopri le Fondamenta del Web Design
Scopri le Fondamenta del Web DesignScopri le Fondamenta del Web Design
Scopri le Fondamenta del Web DesignSkillsAndMore
 
Conosci SASS e Migliora i tuoi CSS
Conosci SASS e Migliora i tuoi CSSConosci SASS e Migliora i tuoi CSS
Conosci SASS e Migliora i tuoi CSSSkillsAndMore
 
HTML5 Forms: Cosa possiamo fare Oggi
HTML5 Forms: Cosa possiamo fare OggiHTML5 Forms: Cosa possiamo fare Oggi
HTML5 Forms: Cosa possiamo fare OggiSkillsAndMore
 
Costruiamo i backlinks
Costruiamo i backlinksCostruiamo i backlinks
Costruiamo i backlinksSkillsAndMore
 

More from SkillsAndMore (9)

Il futuro dei CSS è nel tuo browser
Il futuro dei CSS è nel tuo browserIl futuro dei CSS è nel tuo browser
Il futuro dei CSS è nel tuo browser
 
Aggiungiamo Stile al Progetto con i CSS3
Aggiungiamo Stile al Progetto con i CSS3Aggiungiamo Stile al Progetto con i CSS3
Aggiungiamo Stile al Progetto con i CSS3
 
Lezione 3 del corso Web Design from Ground to Top
Lezione 3 del corso Web Design from Ground to TopLezione 3 del corso Web Design from Ground to Top
Lezione 3 del corso Web Design from Ground to Top
 
Lezione 2 del corso Web Design from Ground to Top
Lezione 2 del corso Web Design from Ground to TopLezione 2 del corso Web Design from Ground to Top
Lezione 2 del corso Web Design from Ground to Top
 
Lezione 1 del corso Web Design from Ground to Top
Lezione 1 del corso Web Design from Ground to TopLezione 1 del corso Web Design from Ground to Top
Lezione 1 del corso Web Design from Ground to Top
 
Scopri le Fondamenta del Web Design
Scopri le Fondamenta del Web DesignScopri le Fondamenta del Web Design
Scopri le Fondamenta del Web Design
 
Conosci SASS e Migliora i tuoi CSS
Conosci SASS e Migliora i tuoi CSSConosci SASS e Migliora i tuoi CSS
Conosci SASS e Migliora i tuoi CSS
 
HTML5 Forms: Cosa possiamo fare Oggi
HTML5 Forms: Cosa possiamo fare OggiHTML5 Forms: Cosa possiamo fare Oggi
HTML5 Forms: Cosa possiamo fare Oggi
 
Costruiamo i backlinks
Costruiamo i backlinksCostruiamo i backlinks
Costruiamo i backlinks
 

Scopri Gutenberg e la trasformazione del nostro editor WordPress