Corso Gutenberg WordPress: dalle basi all'uso dell'FSE
4 lezioni pratiche per dominare l’editor a blocchi e progettare il tuo sito senza plugin pesanti.
Scopri come gestire il tuo layout in totale autonomia, riducendo la dipendenza ed eliminando costi inutili.
Presentazione del corso Gutenberg WordPress
Con questa presentazione di Gutenberg diamo inizio ad una nuova sezione del nostro blog dedicata a WordPress e alla realizzazione e manutenzione di un sito web.
Abbiamo deciso di creare questo percorso in quanto, dalla versione 5.0 del CMS Gutenberg è ufficialmente il nuovo editore standard, presente in ogni nuova installazione. Lo scopo di questo corso è quindi avviare al suo uso sia i vecchi che i nuovi utenti di WordPress con la speranza che lo facciano preferire ai page builder utilizzati finora.
Il perché di questo pensiero, te lo diciamo in questa presentazione.
Gutenberg, il nuovo editor di WordPress
In queste lezioni del corso Gutenberg, vogliamo offrire agli sviluppatori di WordPress le informazioni di base per realizzare i loro prossimi siti web con il nuovo editore standard di contenuti.
Questo perché nonostante i propositi iniziali dei creatori, il nuovo editor di WordPress fa fatica a diventare il principale strumento per sviluppare siti WordPress, limitando considerevolmente le prestazioni dei nuovi siti.
É abbastanza comune infatti la sua immediata disabilitazione ad ogni nuova installazione WordPress, sostituito subito da uno dei tanti costruttore di pagine disponibili (page builder).
Questo succede soprattutto a causa di una curva di apprendimento di Gutenberg piuttosto ripida, e che noi con questo corso base ci proponiamo di rendere meno difficoltosa.
Prima di cominciare è però necessaria una breve introduzione a questo corso su Gutenberg, utile a capire il percorso fatto fino ad oggi da questo editor, i motivi del parziale insuccesso e perché invece dovrebbe essere preferito ai page builder.
L'esordio di Gutenberg e la risposta degli utenti
Dalla sua uscita ufficiale che risale al 2018, chiunque si dedicasse alla realizzazione di siti web con WordPress ha provato almeno una volta a usarlo, il più delle volte con risultati deludenti.
Per molti è stato infatti abbastanza frustrante trovarsi davanti ad un editore in cui era difficile capire come fare anche le cose più banali. Gutenberg infatti, almeno all’inizio, ha una curva di apprendimento piuttosto ripida rispetto ai page builder più conosciuti.
Questo costava tempo, e per chi sviluppa siti internet con WordPress significava perdere denaro. Se pensiamo che il 90% di chi ordina un sito web nuovo lo vuole “per ieri” è comprensibile il fastidio degli sviluppatori, che invece di essere facilitati nella creazione trovavano in Gutenberg un ostacolo.
Senza andare troppo per le lunghe, diciamo che alla fine la maggior parte degli sviluppatori WordPress è tornato a lavorare con i sistemi precedenti, usando quindi il loro page builder preferito o TinyMCE, il precedente editore di WordPress.
Questo non solo per le difficoltà di apprendimento, un altro motivo è l’aspettativa verso il prodotto Gutenberg. Gli sviluppatori abituati a creare con i page builder speravano infatti di avere a disposizione un prodotto simile.
Il Gutenberg project introduce alla creazione completa del sito web
Fin dal suo esordio, gli sviluppatori di WordPress hanno precisato che il Gutenberg project sarebbe stato un prodotto ben diverso dai page builder, pur mantenendo un approccio simile e un’interfaccia grafica che li ricorda (sistema drag and drop e inserimento di blocchi precostruiti).
In effetti il progetto Gutenberg è molto più ambizioso e ampio rispetto ad un “banale” costruttore di pagine per WordPress e punta a fornire un sistema completo per la realizzazione dei siti web.
Come vedrai nelle lezioni del corso Gutenberg di WordPress successive a questa presentazione, il lavoro (in continuo sviluppo) non è limitato alla realizzazione di un prodotto rivolto alla sola creazione dei contenuti.
Automattic con il nuovo editor vuole fornire un sistema di personalizzazione completa dei siti web, migliorando e ampliando quello che è stato finora possibile con l’opzione “Personalizza”.
SUGGERIMENTO
Nel nostro corso base su WordPress abbiamo dedicato una lezione intera all’uso dell’opzione personalizza di WordPress, tuttora presente ed utilizzata dagli sviluppatori.
Il progetto Gutenberg libera lo sviluppatore da molti plugin
Questo nuovo sistema chiamato FSE (Full Site Editing) ha l’obiettivo di rendere possibile la modifica di ogni parte del tema (header, footer etc), i benefici per gli sviluppatori dell’uso di entrambi sono immaginabili.
Grazie a questa caratteristica di Gutenberg sarà infatti possibile fare a meno di tutti quei plugin in più che finiscono per appesantire il sito. In pratica usando Gutenberg ed FSE, ogni sviluppatore sarà in grado di creare, impostare e personalizzare il 100% del sito.
La buona notizia è che FSE è già presente in ogni nuova installazione di WordPress a partire dalla versione 5.9 e negli ultimi rilasci è stato perfezionato ancora di più.
Per questo, iniziare fin da adesso a usare questi strumenti e sfruttare le potenzialità del nuovo editor di WordPress è quanto mai opportuno e una scelta lungimirante.
SUGGERIMENTO
Per scoprire di più sull’FSE guarda il video su wordpress.tv, FSE: da dove comincio di Gloria Liuni.
Perché seguire il nostro corso Gutenberg di WordPress
Nel corso su Gutenberg di cui questo articolo è la presentazione, puoi scoprire molte cose, tra queste come usare l’appena citato full site editor (FSE). Scoprirai perciò le potenzialità dell’editor e ti daremo suggerimenti per creare siti web belli, efficaci e dalle alte prestazioni.
Dalla versione 6.4.2 di WordPress, Gutenberg e FSE sono ben integrati fra loro e hanno raggiunto un buon grado di maturità (soprattutto Gutenberg), eliminando bug e ostacoli che a lungo ne hanno scoraggiato l’uso.
Con il nostro supporto e questo corso su Gutenberg di WordPress speriamo quindi di convincere anche gli sviluppatori più irriducibili a passare al nuovo sistema di creazione dei contenuti, relegando i page builder ad una scelta secondaria al contrario di quanto avviene ora.
Corso Gutenberg di WordPress: elenco delle lezioni
Dopo questa breve presentazione del corso Gutenberg e i suoi obiettivi ecco cosa troverai nelle prime 4 lezioni. In ognuna di loro ti saranno fornite le informazioni essenziali, con un linguaggio il più semplice possibile e con l’uso di termini tecnici ridotto al minimo.
Indice delle prime 4 lezioni:
- Introduzione a Gutenberg
Cos’è Gutenberg.
Come funziona Gutenberg con WordPress.
Installazione e attivazione di Gutenberg.
La nuova interfaccia dell’editor. - Iniziare con Gutenberg
Creazione di un nuovo post o pagina.
Aggiunta di blocchi di contenuto (testo, immagini, video, ecc.)
Styling dei blocchi di contenuti.
Salvataggio e pubblicazione delle modifiche. - Funzionalità di Gutenberg avanzate
Personalizzazione dell’editor Gutenberg.
Utilizzare la libreria di blocchi di Gutenberg.
Impostazioni di visualizzazione.
Gestione dei blocchi di Gutenberg. - Full site editor, cos’è e come usarlo
Cos’è il full site editor.
Come si usa il full site editor.
Modifica degli stili.
Come modificare i template del tema.
Cosa sono i pattern e come usarli.