Sono in molti a lamentarsi delle difficolt\u00e0 che si incontrano quando si inizia a creare blocchi e app per Gutenberg. La curva di apprendimento \u00e8 ripida, soprattutto a causa della difficolt\u00e0 dell’installazione e della configurazione dell’ambiente di sviluppo. In pi\u00f9, solide conoscenze di JavaScript, Node.js, React e Redux sono ingredienti indispensabili per una ricetta decisamente complessa.<\/p>\n
Il Block Editor Handbook ufficiale di WordPress<\/a> fornisce agli sviluppatori un’enorme quantit\u00e0 di informazioni, ma in quel mare di informazioni ci si pu\u00f2 smarrire rapidamente.<\/p>\n E vale la pena ricordare quanto ha affermato Mat\u00edas Ventura, lead architect del progetto Gutenberg, in una intervista per WP Tavern<\/a>:<\/p>\n Anche se ci sono persone che possono imparare velocemente, la barriera all’ingresso \u00e8 ancora molto alta. Penso che ci siano diversi livelli in questo; la documentazione potrebbe essere migliorata di un ordine di grandezza sia nell’organizzazione che nella presentazione. Spero che riusciremo fare molto di pi\u00f9 in questi ambiti.<\/em><\/p><\/blockquote>\n Partendo da queste considerazioni, abbiamo deciso di offrire un tutorial passo passo volto ad aiutare i nostri lettori ad iniziare a sviluppare blocchi per Gutenberg.<\/p>\n Vi sembra interessante? Allora seguiteci!<\/p>\n Per questo tutorial, le uniche competenze richieste sono una buona conoscenza dello sviluppo di plugin WordPress e almeno una conoscenza di base di HTML<\/a>, CSS, JavaScript e React.<\/p>\n \u00c8 un progetto ambizioso? Ci potete scommettere!<\/p>\n Non \u00e8 stato facile trovare il giusto compromesso tra completezza e semplicit\u00e0 e decidere quali argomenti includere e quali tralasciare.<\/p>\n Speriamo solo che i lettori intermedi e avanzati ci perdonino per non aver approfondito concetti come stati di React<\/a>, store di Redux<\/a>, high order component<\/a> e cos\u00ec via. Questi argomenti richiedono maggiore spazio e attenzione e sono probabilmente troppo avanzati per chi inizia a sviluppare blocchi (a meno che non siate gi\u00e0 sviluppatori React).<\/p>\n Per lo stesso motivo, non tratteremo alcuni degli argomenti pi\u00f9 avanzati relativi allo sviluppo dei blocchi di Gutenberg, come i blocchi dinamici<\/a> e i meta box<\/a>.<\/p>\n Ma con le conoscenze che avrete acquisito alla fine di questo articolo, potrete iniziare ed essere produttivi e divertirvi da subito.<\/p>\n Una volta che avrete iniziato a costruire blocchi, potrete progressivamente migliorare le vostre abilit\u00e0 e creare da soli blocchi Gutenberg sempre pi\u00f9 avanzati.<\/p>\n\n Da quando \u00e8 stato rilasciato per la prima volta nel dicembre 2018, l’editor di blocchi<\/a> \u00e8 stato notevolmente migliorato sotto tutti gli aspetti: API pi\u00f9 potenti<\/a>, un’interfaccia utente pi\u00f9 avanzata, una migliore usabilit\u00e0, un sacco di nuovi blocchi, le prime implementazioni del Full Site Editing<\/a> e molto altro.<\/p>\n In breve, anche se Gutenberg \u00e8 ancora in fase di sviluppo, ha fatto molta strada e oggi l’editor di blocchi \u00e8 un candidato a pieno titolo come costruttore affidabile e funzionale sia di pagine che di siti.<\/p>\n Dal punto di vista di uno sviluppatore, Gutenberg \u00e8 una Single Page Application<\/a> (SPA) basata su React che permette agli utenti di WordPress di creare, modificare e cancellare contenuti in modo semplice e veloce. Ma questo non deve far pensare a una versione migliorata del tradizionale editor di contenuti<\/a>.<\/p>\n Vogliamo chiarire questo punto:<\/p>\nPrerequisiti per lo Sviluppo dei Blocchi Gutenberg<\/h2>\n
Cosa \u00c8 un Blocco Gutenberg?<\/h2>\n