3 raccolte di blocchi Gutenberg che mostrano cosa è possibile con il nuovo editor di WordPress

Pubblicato: 2018-10-07

A meno che tu non abbia vissuto sotto una roccia, probabilmente hai sentito parlare dell'imminente lancio dell'editor Gutenberg. Il nuovo editor è la cosa più importante che sia successa a WordPress da quando è nato il menu della dashboard sul lato sinistro nel 2008. Uno dei cambiamenti più significativi con questo nuovo paradigma è l'introduzione dei "blocchi", che consentono di espandere le funzionalità dell'editor in vari modi.

Anche prima del lancio ufficiale di Gutenberg, ci sono già molti blocchi personalizzati che puoi aggiungere all'editor beta, che ne aumentano le funzionalità di un miglio. In questo articolo parleremo un po' di più su dove è diretto Gutenberg, su come le raccolte di blocchi possono aiutarti e su alcune opzioni che puoi già prendere per un giro.

Facciamo un salto!

Dove si trova Gutenberg ora?

Come forse saprai, Gutenberg verrà lanciato con WordPress 5.0. Sebbene il nuovo editor sia disponibile come plug-in da mesi, ora è impostato per essere unito al core non appena a novembre. In altre parole, ora è un buon momento per prepararsi a ciò che il futuro di WordPress ha in serbo.

Dall'ultima volta che abbiamo parlato di Gutenberg, sono arrivati ​​alcuni cambiamenti piuttosto interessanti. Ad esempio, ora puoi trascinare e rilasciare i blocchi, il che porta Gutenberg un passo più vicino a sentirsi come un page-builder:

La funzionalità di trascinamento della selezione di Gutenberg.

Inoltre, ora puoi creare modelli di blocchi riutilizzabili, un ottimo modo per accelerare il flusso di lavoro di creazione dei contenuti. Puoi persino importare ed esportare modelli di blocchi, il che apre alcune interessanti strade per la collaborazione:

Creazione di blocchi riutilizzabili.

Nel caso abbiate bisogno di un promemoria, i blocchi sono per Gutenberg come i moduli per Divi Builder. Per dirla in altro modo, sono gli elementi fondamentali che Gutenberg utilizza per strutturare pagine e post:

Alcuni esempi di blocchi di Gutenberg.

Per impostazione predefinita, l'editor contiene dozzine di blocchi, ma è possibile aggiungerne ancora di più tramite i plugin. Puoi anche scaricare e installare più blocchi correlati contemporaneamente scaricando una "raccolta di blocchi". In pratica, funziona come l'installazione di un plug-in standard, con l'unica differenza che le raccolte di blocchi Gutenberg funzionano solo se hai già abilitato il nuovo editor. Fino al lancio della 5.0, dovrai quindi installare e attivare prima il plugin Gutenberg.

La chiave qui è che Gutenberg si atterrà alla tradizione di WordPress di fornire una selezione di base di opzioni, consentendo al contempo di espanderle per soddisfare le proprie esigenze. La combinazione di blocchi in raccolte rende anche il processo ancora più semplice poiché devi solo scaricare un singolo plug-in per aggiungere più blocchi correlati.

3 collezioni di blocchi Gutenberg da verificare

A questo punto, ci sono molti singoli blocchi Gutenberg che puoi aggiungere all'editor. Tuttavia, ora ci concentreremo invece sulle raccolte poiché riduce il tempo speso per l'aggiunta e l'installazione di più blocchi individualmente. Anche se è probabile che l'elenco delle collezioni disponibili cresca, eccone tre che vale già la pena dare un'occhiata.

1. Blocchi atomici

Il plugin Atomic Blocks.

Di tutte le collezioni di blocchi Gutenberg disponibili ora, Atomic Blocks è di gran lunga l'opzione più raffinata. Questo diventa evidente non appena lo installi poiché verrai accolto con un'approfondita pagina di benvenuto:

La pagina di benvenuto di Atomic Blocks.

In questo momento, Atomic Blocks contiene undici blocchi, che includono griglie di posta, contenitori, testimonianze, avvisi in linea, fisarmoniche e altro ancora. Per evitare confusione, Atomic Blocks separa tutti i suoi nuovi blocchi in una nuova scheda, che vedrai una volta avviato l'editor dopo aver installato il plugin:

Parte della collezione Atomic Blocks.

Nel complesso, la collezione Atomic Blocks sembra una grande estensione di ciò che Gutenberg ha attualmente da offrire. La sua selezione di blocchi estende le funzionalità del nuovo editor con opzioni che saranno utili a una varietà di siti.

Caratteristiche principali:

  • Include undici nuovi blocchi Gutenberg.
  • Aggiunge griglie di post, contenitori, testimonianze, icone di condivisione e molto altro.
  • Separa i nuovi blocchi per evitare confusione.

Prezzo: gratuito | Maggiori informazioni

2. Impilabile

Il plugin impilabile.

Stackable è un'altra delle nostre raccolte di blocchi Gutenberg preferite. In questo momento, include 17 nuovi blocchi che puoi aggiungere all'editor, inclusi alcuni simili a quelli forniti da Atomic Blocks:

Alcuni dei blocchi Stackable aggiunge a Gutenberg.

Basata esclusivamente sul numero di blocchi, questa collezione è una delle più grandi sul mercato. Ancora più importante, tutti i blocchi di Stackable sono altamente lucidati. Il plug-in include anche opzioni di personalizzazione avanzate, come la possibilità di aggiungere e modificare immagini di sfondo, animazioni e altro.

In definitiva, Atomic Blocks e Stackable adottano due diversi approcci allo sviluppo dei blocchi Gutenberg. Il primo mira ad aggiungere alla semplicità fondamentale a cui mira Gutenberg. Stackable, d'altra parte, è un'opzione migliore se stai cercando una raccolta di blocchi Gutenberg che assomigli a ciò che vedresti in un generatore di pagine più tradizionale.

Caratteristiche principali:

  • Include 17 nuovi blocchi Gutenberg.
  • Personalizza i tuoi nuovi blocchi cambiando il loro sfondo, aggiungendo animazioni, modificando le dimensioni del testo e altro ancora.

Prezzo: gratuito | Maggiori informazioni

3. Blocchi dell'editor

Il plugin Editor Blocks.

Editor Blocks è il nuovo arrivato quando si tratta di collezioni Gutenberg Block. Non ha tante installazioni o recensioni come i plugin che di solito presentiamo. Tuttavia, dopo aver testato questa raccolta di blocchi, è chiaro che merita un posto nell'elenco a causa delle fantastiche funzionalità che contiene.

Immediatamente, Editor Blocks aggiunge dieci nuove opzioni di blocco all'editor Gutenberg. Ciò include tabelle dei prezzi, sezioni relative ai membri del team e agli eroi, nonché testimonianze:

Parte della collezione Editor Blocks.

È una selezione piuttosto standard rispetto alle altre collezioni che abbiamo esaminato. Tuttavia, Editor Blocks si distingue in particolare per la sua tabella dei prezzi e le sezioni dei membri del team, che sono molto facili da impostare e configurare:

Tabelle dei prezzi e blocchi dei membri del team.

Se stai cercando le migliori opzioni di blocco per impostare questi tipi di sezioni, Editor Blocks farà al caso tuo. In effetti, non c'è motivo per cui non potresti installare più raccolte di blocchi per ottenere il meglio da tutti i mondi.

Caratteristiche principali:

  • Include dieci nuovi blocchi Gutenberg.
  • Ti consente di creare eleganti tabelle dei prezzi e sezioni dei membri del team su qualsiasi tua pagina.

Prezzo: gratuito | Maggiori informazioni

Dove puoi trovare i singoli blocchi di Gutenberg

Se stai cercando un blocco particolare e non vuoi o hai bisogno di una raccolta di quelli che probabilmente non utilizzerai mai, potresti visitare la libreria dei blocchi Gutenberg. Questa libreria è nata da un'idea di Danny Cooper, creatore del plug-in Editor Blocks che abbiamo verificato un minuto fa, ed è il posto migliore per trovare singoli blocchi in questo momento.

La libreria stessa non potrebbe essere più semplice da navigare. Il sito Web ti consente di continuare a scorrere all'infinito l'intera raccolta, che al momento presenta alcune dozzine di opzioni:

La libreria dei blocchi di Gutenberg.

Se vuoi vedere più informazioni su un blocco, puoi fare clic su di esso e si aprirà una nuova pagina. Qui vedrai alcuni screenshot e un pulsante per il download:

Un singolo blocco dalla libreria.

Facendo clic sul pulsante di download verrai indirizzato alla pagina del blocco su WordPress.org. Qui potrai controllare recensioni, valutazioni e scaricare il plug-in stesso. Questo perché l'obiettivo alla base della libreria di blocchi Gutenberg non è ospitare i blocchi stessi. Invece, dovrebbe aiutarti a trovare opzioni che altrimenti potrebbero essere nascoste tra le migliaia di plugin di WordPress.org.

Conclusione

Uno dei pilastri fondamentali di WordPress è sempre stato quanto sia estensibile. Questa filosofia è ripresa nel nuovo editor di Gutenberg, in quanto consente di espandere la selezione dei blocchi predefiniti aggiungendone altri tramite i plug-in. Per fare ciò, puoi installare una raccolta di blocchi che combina una serie di blocchi correlati oppure puoi scaricare singoli blocchi se desideri scegliere esattamente ciò di cui hai bisogno.

C'è già una piccola selezione di raccolte di blocchi Gutenberg disponibili, così come un numero di plugin di blocchi individuali. Per trovare quest'ultimo, puoi utilizzare la libreria di blocchi Gutenberg per cercare i blocchi, che puoi facilmente scaricare e installare sul tuo sito. Ricorda solo di scaricare prima il plugin Gutenberg!

Che tipo di blocco vorresti che Gutenberg includesse nelle versioni future? Condividi le tue idee con noi nella sezione commenti qui sotto!

Immagine in miniatura dell'articolo di A Aleksii / shutterstock.com