15 migliori plugin per blocchi Gutenberg di WordPress

Pubblicato: 2022-08-12

L'editor di Gutenberg fa ora parte di WordPress. E se stai cercando i migliori plugin per blocchi Gutenberg, abbiamo elencato le migliori opzioni disponibili in questo articolo.

Dopo l'introduzione dell'editor Gutenberg, tutti gli elementi che usi nella tua pagina di post sono blocchi. Se vuoi aggiungere un'immagine al tuo post, devi aggiungere un blocco immagine, per paragrafi, riquadri e qualsiasi altro elemento devi aggiungere i rispettivi blocchi e modificarli.

Quindi, se hai bisogno di funzionalità aggiuntive sul tuo post, devi aggiungere quei blocchi aggiuntivi per aggiungere le opzioni.

WordPress ha già creato una serie di blocchi diversi come il blocco di testo, il blocco immagine, il blocco del titolo, la tabella, la colonna, il pulsante e una serie di altri blocchi.

Abbiamo creato un tutorial dettagliato su come utilizzare l'editor Gutenberg qui, questo articolo ti aiuterà a capire e iniziare con il nuovo editor.

Prima di procedere con i plug-in dei blocchi di Gutenberg, diamo un'occhiata ai blocchi regolari forniti con l'editor predefinito.

01. Blocco intestazione: usi questo blocco per aggiungere un titolo ai tuoi post o pagine. In genere, viene utilizzato per aggiungere tag H2, H3 ai sottotitoli del tuo post sul blog.

02. Blocco paragrafo : questo sarà uno dei blocchi più utilizzati sul tuo sito WordPress. Come suggerisce il nome, questo blocco verrà utilizzato per aggiungere contenuti ai post del tuo blog.

03. Blocco immagine : questo è autoesplicativo. Puoi utilizzare questo blocco per aggiungere un'immagine ai post del tuo blog.

04. Blocco elenco : puoi utilizzare questo blocco per creare punti elenco sui post del tuo blog. Questa opzione era presente anche nell'editor classico.

05. Pulsanti : aggiungevamo un codice personalizzato o un plug-in shortcode per aggiungere pulsanti all'editor classico. WordPress non aveva un'opzione predefinita per aggiungere un pulsante di invito all'azione prima dell'introduzione di Gutenberg. Ma ora viene fornito con un blocco predefinito per aggiungere un pulsante di invito all'azione.

06. Blocco tabella: WordPress non ha mai avuto un'opzione per aggiungere una tabella a un post, ma con Gutenberg viene fornito con un'opzione predefinita per aggiungere una tabella ai tuoi post. Puoi utilizzare il blocco tabella per creare un elenco di articoli sotto forma di tabella o per confrontare diversi prodotti che mostri sul tuo sito.

Il blocco tabella offre alcune opzioni per personalizzare le impostazioni del colore, ma è limitato. Quindi, potresti comunque aver bisogno di un plug-in per la tabella di qualità sul tuo sito.

07. Cover Block : questa è un'altra aggiunta molto utile al nuovo editor. Il blocco copertina può essere un elemento molto efficace per creare articoli di alta qualità con diverse sezioni ben divise con il blocco copertina.

08. Blocco incorporamento : ora incorporare contenuti da altre fonti come YouTube, Twitter, Instagram è molto più semplice di prima. il blocco di incorporamento predefinito ti offre una serie di opzioni per incorporare contenuti da più piattaforme.

09. Blocco colonne : con Gutenberg, hai una rapida opzione per creare un layout di contenuto a più colonne sui tuoi post nelle pagine.

10. Formattazione dei blocchi : l'editor Gutenberg predefinito offre una serie di blocchi di cui potresti aver bisogno durante la modifica di tipi di contenuto diversi dal testo. Hai un blocco di codice, un blocco HTML e alcuni altri.

11. Blocco galleria : Gutenberg viene fornito anche con un blocco galleria predefinito. Puoi aggiungere più immagini in qualità in un modulo a griglia di galleria. Puoi caricare nuove immagini o selezionare immagini per la tua galleria multimediale da mostrare nei tuoi post.

Ci sono molti altri blocchi che sono davvero utili durante la creazione dei tuoi contenuti.

Perché hai bisogno di un plug-in Gutenberg personalizzato?

Dato che Gutenberg offre già così tanti blocchi nelle opzioni predefinite che possono soddisfare quasi tutte le necessità quando si tratta di creare un post sul blog, perché hai bisogno di un plug-in personalizzato?

Il motivo principale per cui è necessario un plug-in per blocchi Gutenberg personalizzato è perché i blocchi predefiniti sono limitati in termini di possibilità di progettazione. Inoltre, potresti aver bisogno di più altri blocchi sul tuo sito che non sono già disponibili tra le opzioni predefinite.

Se stai gestendo un blog molto semplice in cui desideri solo pubblicare contenuti e non hai bisogno di funzionalità estese, le opzioni predefinite sono abbastanza buone.

Gutenberg non è solo l'editor, è un costruttore di siti Web in sé e questi plug-in di blocco Gutenberg personalizzati semplificano il processo per creare un design accattivante per il tuo sito Web.

Puoi utilizzare molti dei seguenti plug-in di blocco per creare un design completamente personalizzato per il tuo sito, non avrai più bisogno di un costruttore di siti Web.

Quindi, senza ulteriori indugi, diamo un'occhiata ai migliori plugin per blocchi Gutenberg.

Quali sono i migliori plugin per i blocchi di Gutenberg?

Se i blocchi Gutenberg predefiniti non sono sufficienti per portare a termine il tuo lavoro, ci sono una serie di plug-in per blocchi Gutenberg di qualità che puoi utilizzare sul tuo sito WordPress.

Ecco alcuni dei plugin di blocco Gutenberg più popolari che sono ampiamente utilizzati.

= Nascondi sommario
1 Perché hai bisogno di un plug-in Gutenberg personalizzato?
2 Quali sono i migliori plugin per i blocchi di Gutenberg?
2.1 GutenBee
2.2 Blocchi atomici: componenti aggiuntivi per l'editor Gutenberg
2.3 Gutenberg avanzato
2.4 Spectra (precedentemente componenti aggiuntivi per Gutenberg)
2.5 Blocchi definitivi
2.6 Qubely
2.7 Impilabile
2.8 Getwid
2.9 CoBlock: blocchi di Gutenberg per i marketer dei contenuti
2.10 Bokez
2.11 Blocchi dell'editor per Gutenberg
2.12 Volpe in orbita
2.13 Blocchi di lontra
2.14 Blocchi Kadence
2.15 Design a blocchi extra, stile, CSS per QUALSIASI blocco Gutenberg
2.15.1 Parola finale

GutenBee

GutenBee è un altro fantastico plugin gratuito che offre un'ampia selezione di blocchi Gutenberg personalizzati per rendere la creazione di contenuti sul tuo sito WordPress più semplice e flessibile.

GutenBee al momento raggruppa 27 blocchi personalizzati con nuovi blocchi e funzionalità aggiornate aggiunte regolarmente.

Crea fantastici menu per il tuo bar o ristorante completi di immagini, prezzi e descrizioni con il blocco Menu Cibo.

Dimentica il noioso aspetto predefinito delle mappe, con i blocchi di Google Maps puoi selezionare uno dei tanti stili personalizzati in bundle o persino inserire il tuo stile SnazzyMaps per ravvivare la tua pagina dei contatti.

Il blocco Revisione ti consente di riassumere la tua recensione di film, cibo, giochi, ecc con più categorie e una valutazione media automatica.

Crea banner accattivanti con parallasse e sfondi video per attirare l'attenzione del tuo pubblico.

Trascina e rilascia il blocco Tipi di post nel contenuto per creare post e elenchi di tipi di post personalizzati con numeri di colonna variabili, filtri per categorie e altro ancora.

Naturalmente GutenBee offre tutti i blocchi essenziali come paragrafi, intestazioni, schede, fisarmoniche, galleria, blocchi di icone e molti altri.

I blocchi GutenBee offrono ampie opzioni di aspetto con colori, sfondi, bordi, ombre personalizzabili e altro ancora. Inoltre, le loro opzioni di visibilità consentono di mostrare o nascondere i blocchi in base al tipo di dispositivo su cui vengono visualizzati, o di mostrare/nascondere i blocchi per gli utenti che hanno effettuato l'accesso o che non sono stati registrati.

Plugin GutenBee
Ottieni il plug-in

Blocchi atomici: componenti aggiuntivi per l'editor di Gutenberg

Un plug-in WordPress gratuito e popolare per il blocco di Gutenberg che offre una serie di blocchi utili per il tuo sito WordPress.

Il plug-in è rilevato dal team di WPEngine, quindi puoi aspettarti un aggiornamento regolare e nuovi utili blocchi in futuro.

Il plugin offre già alcuni blocchi molto utili pronti per essere utilizzati.

  • Post blocco griglia
  • Il blocco contenitore
  • Blocchi di invito all'azione
  • Pulsante personalizzabile
  • Distanziatore e diviso
  • Profilo dell'autore
  • Capolettera
  • Testimonianza
  • Avviso in linea
  • Fisarmonica
  • Condividi icone

Il plugin è semplice e facile da usare. Una volta attivato il plug-in, otterrai l'opzione nel back-end di amministrazione.

Il plugin aggiungerà una nuova opzione Atomic Block nell'editor dei blocchi. Puoi scegliere uno qualsiasi dei blocchi atomici pronti sulla tua pagina come qualsiasi altro blocco Gutenberg.

Blocchi atomici
Ottieni il plug-in

Gutenberg avanzato

Advanced Gutenberg è un plugin Gutenberg WordPress molto utile che porterà oltre 20 diversi blocchi utili al tuo sito WordPress.

Questo è un plug-in creato dal team di JoomUnited che offre alcuni altri utili plug-in WordPress insieme al plug-in Advanced Gutenberg.

Una volta attivato il plug-in, otterrai l'opzione nella dashboard di amministrazione. Il plug-in offre la possibilità di creare profili aggiuntivi e assegnare blocchi in base al ruolo o al profilo.

Gutenberg avanzato

Puoi aggiungere i blocchi avanzati mentre modifichi il tuo post e personalizzarlo direttamente nell'editor di Gutenberg. Questo plugin migliora alcuni dei blocchi più importanti come immagini, pulsanti, ecc con una serie di funzionalità aggiuntive.

Blocchi avanzati

Gutenberg offre una serie di blocchi necessari per creare un design ricco di articoli come pulsanti, tabelle, ecc. Ma le opzioni di progettazione sono limitate. Il plug-in Advanced Gutenberg migliora tutti questi blocchi pronti con nuove opzioni di design insieme ai blocchi aggiuntivi che questo plug-in porta.

Diamo un'occhiata alla funzione della tabella.

Se desideri posizionare una tabella di confronto per qualsiasi prodotto o servizio, il tavolo Gutenberg predefinito è molto limitato in termini di design, Advanced Gutenberg lo completerà aggiungendo le opzioni di stile.

Tavolo Gutenberg avanzato
Ottieni il plug-in

Spectra (precedentemente Ultimate Addons per Gutenberg )

Uno dei migliori plugin per WordPress di Gutenberg Blocks, Spectra porta una serie di blocchi utili al tuo sito.

Un gran numero di utenti sta già utilizzando il plug-in. E se stai cercando il miglior plug-in di blocco Gutenberg per il tuo sito, puoi utilizzare questo strumento.

Ecco alcuni dei blocchi importanti offerti dal plugin aggiuntivo definitivo.

  • Colonna Avanzata
  • Intestazione avanzata
  • Chiamare all'azione
  • Google Map
  • Posta della sequenza temporale
  • Layout dei post
  • Listino prezzi
  • E altro ancora

Se stai cercando un'opzione per creare un bellissimo layout basato su griglia per il tuo blog, non devi installare alcun plug-in aggiuntivo poiché il plug-in Spectra include l'opzione per creare diversi tipi di layout dei post per il tuo sito, inclusa la muratura layout della griglia.

Inoltre, se gestisci un sito in cui devi includere la mappa di Google, puoi utilizzare il plug-in per inserire le mappe nei tuoi post, abbiamo pubblicato un articolo per mostrarti come inserire la mappa di Google utilizzando il plug-in di Ultimate qui.

Il blocco di sezione è un'altra opzione utile che puoi utilizzare per creare un layout di bell'aspetto per i tuoi post del blog. Questi tipi di sezioni boxed e full-width non erano possibili in precedenza con WordPress, almeno senza l'utilizzo di un costruttore di siti web.

Ora, è davvero facile con gli Spectra. Nel complesso, questo è uno dei migliori plugin per i blocchi di Gutenberg che puoi utilizzare sul tuo sito.

Plugin Spettri
Ottieni il plug-in

Ultimi blocchi

The Ultimate Blocks for Gutenberg ti offre 14 blocchi diversi al momento e il team sta lavorando su una serie di nuovi blocchi per renderlo una delle soluzioni più complete per l'editor di Gutenberg.

Il plugin è molto semplice e facile da usare. Quando attivi il plugin, vedrai l'opzione del plugin nel pannello di amministrazione di WordPress. Tutti i blocchi sono abilitati per impostazione predefinita e hai la possibilità di disabilitare uno qualsiasi dei blocchi nel caso in cui non desideri utilizzarli.

Quando crei un nuovo post. Vedrai un nuovo gruppo di blocchi per le opzioni Ultimate Blocks. Puoi usarli come qualsiasi altro blocco Gutenberg predefinito.

Gli ultimi blocchi di Gutenberg

Il plug-in ti offre alcuni blocchi molto importanti che sono regolarmente necessari ai blogger come il sommario, la valutazione a stelle, il clic per twittare, le caselle di notifica, il conto alla rovescia e altro ancora.

Quindi, questo plug-in ritirerà una serie di plug-in diversi che stai attualmente utilizzando sul tuo sito poiché può svolgere tutte queste attività da solo.

Lo sviluppatore offre un ottimo supporto nel caso abbiate bisogno di aiuto con il plugin. Quindi, se hai già iniziato a utilizzare l'editor Gutenberg, portalo al livello successivo con il plugin Ultimate blocks.

Ultimi blocchi
Ottieni il plug-in

Qubely

Qubely è un plug-in di blocco Gutenberg che riduce al minimo tutte le limitazioni dell'editor Gutenberg e apre nuove possibilità.

Puoi creare qualsiasi layout complesso utilizzando i blocchi personalizzati di Qubely nell'editor predefinito di WordPress.

Progetta piani tariffari, funzionalità, testimonianze, barre di avanzamento e molto altro con Qubely. Mostra i post nelle visualizzazioni a griglia ed elenco, mostra i membri del team in modo elegante e visualizza video popup per attirare di più i visitatori.

Assumi il pieno controllo dell'editor di blocchi Gutenberg di WordPress applicando opzioni di stile pronte all'uso.

Qubely offre sezioni pronte, bundle di layout, divisori di forma, sistema di controllo reattivo specifico del dispositivo, opzione di controllo della tipografia e molte altre caratteristiche ed elementi.

Qubely si prende cura del design del tuo sito web con blocchi Gutenberg personalizzati. I blocchi Qubely sono altamente funzionali e facili da usare.

Hai molte opzioni per modificare il design e mostrare i contenuti come preferisci. Il numero di blocchi nel plugin Qubely Gutenberg sta aumentando con i suoi aggiornamenti.

Qubely ha già 26 blocchi completamente gratuiti da usare. Altri blocchi arriveranno nei prossimi giorni.

Alcuni dei blocchi Qubely notevoli sono:

  • Posta griglia
  • Prezzo
  • Involucro a blocchi
  • Squadra
  • Immagine
  • Sequenza temporale
  • Riga
  • Testimonianza
  • Contatore
  • Schede
  • Fisarmonica/Attiva
  • Popup video
  • Google Map
  • Barra di avanzamento
  • Divisore
  • Gruppo di pulsanti
  • Casella Informazioni
  • Elenco avanzato
  • Modulo di Contatto
Ottieni il plug-in

Impilabile

Stackable è un altro plugin che vale la pena menzionare. Questo plugin aggiunge una serie di blocchi molto utili che possono essere utilizzati durante la creazione di una pagina con diversi elementi come numeri, contatori, testo con immagine di sfondo, ecc.

Quando attivi questo plug-in, viene aggiunta una nuova sezione di blocco che puoi utilizzare durante la creazione di un design di pagina ricco.

Alcuni dei blocchi importanti offerti da questo plugin sono

  • Carte
  • Contatori
  • Contenitore
  • Griglia in primo piano
  • Testimonianza
  • Blocco notifiche
  • Blocco dei membri del team
  • E altro ancora
Blocchi Gutenberg impilabili
Ottieni il plug-in

Getwid

Se stai cercando un'opzione completa di plug-in Gutenberg gratuita, questa è un'ottima opzione per te.

Questo plugin di MotoPress include 29 blocchi molto utili che puoi utilizzare sul tuo sito WordPress.

Ecco alcuni dei blocchi importanti offerti dal plugin Getwid

  • Sezione
  • Intestazione avanzata
  • Blocco gruppo pulsanti
  • recensioni
  • Barra di avanzamento
  • Contatore
  • messaggi recenti
  • Prezzo Scatola
  • Collegamenti sociali
  • Galleria di immagini
  • Instagram
  • Banner
  • Testimonianza
  • Prezzo Scatola
  • Collegamenti sociali
  • messaggi recenti

Ottieni un bellissimo tema gratuito compatibile con Gutenberg con questo plugin che è completamente compatibile con il plugin Getwid. Una volta che hai questa combinazione, non dai da mangiare a un altro costruttore di siti Web per il tuo sito.

Getwid
Ottieni il plug-in

CoBlocks: blocchi di Gutenberg per i marketer dei contenuti

Come suggerisce il nome, questo plugin offre i blocchi utili per i marketer. Questo plugin è stato creato dal team di ThemeBeans.

Ecco i blocchi offerti da questo plugin

  • Blocco di fisarmonica
  • Blocco avvisi
  • Blocco condivisione social
  • Blocco dell'autore
  • Blocco dinamico delle risorse umane
  • Fai clic per bloccare il tweet
  • Blocco GIF
  • GitHub Gist Block
  • Blocco tabella prezzi
  • Evidenzia Blocco
CoBlock
Ottieni il plug-in

Bokez

Bokez è un'altra straordinaria raccolta di blocchi Gutenberg che puoi utilizzare per creare le tue pagine. Ti offre alcuni blocchi molto importanti come il testimonial, la fisarmonica, la griglia dei post, il blocco di copertura e alcuni altri.

Blocchi di Bokez Gutenberg
Ottieni il plug-in

Blocchi editor per Gutenberg

Se stai cercando un plug-in che puoi utilizzare per creare una pagina di destinazione completa con blocchi ed elementi diversi, questa è una buona opzione per te.

Questo plug-in ti offre una serie di blocchi Gutenberg molto utili che puoi utilizzare per creare una pagina di destinazione con sezione eroe, wrapper di contenuti, team, tabella dei prezzi e altro ancora.

Plugin di blocco Gutenberg di WordPress
Ottieni il plug-in

Volpe in orbita

Orbit Fox è un plugin per WordPress molto utile con una serie di utili funzioni e opzioni. Questo singolo plug-in può sostituire una serie di altri plug-in offrendo tutte queste funzionalità.

Dalla semplice integrazione di Google Analytics ai modelli di pagina pronti, ha tutto.

Questo plug-in offre anche una serie di componenti aggiuntivi e widget per i costruttori di siti Web come Elementor e Beaver Builder, rendendolo un prodotto molto utile.

Ti offre pulsanti di condivisione social, puoi selezionare quelli che desideri utilizzare da un ampio elenco di opzioni, ti offre modelli di pagina pronti che puoi utilizzare per creare bellissime pagine di destinazione sul tuo sito.

Inoltre, otterrai 1 GB di traffico CDN gratuito e ottimizzerà le immagini sul tuo sito per caricarlo più velocemente.

Volpe in orbita
Ottieni il plug-in

Blocchi di lontra

Otter Blocks è un altro plug-in di blocco Gutenberg molto utile che puoi utilizzare gratuitamente sul tuo sito WordPress.

Questo plugin leggero ti aiuterà a creare un sito web visivamente accattivante. Il plug-in ti offre una serie di blocchi diversi.

Viene fornito con una libreria di modelli pronti all'uso che puoi inserire nelle tue pagine con un clic e modificarli secondo le tue necessità.

Quindi, se vuoi evitare quei costruttori di siti Web ricchi di codice che rallentano il tuo sito, questo plug-in farà il trucco per te.

Blocchi importanti

  • Blocco di sezione
  • Blocco di scorrimento
  • Pulsanti avanzati
  • Blocco di intestazione avanzato
  • Post blocco griglia
  • Blocco dei prezzi e altro
Plugin blocco lontra
Ottieni il plug-in

Blocchi di Kadence

Un costruttore di siti Web in sé, il plug-in Kadence Blocks farà in modo che non avrai mai più bisogno di un costruttore di siti Web per creare un design completamente personalizzato per il tuo sito Web.

Indipendentemente dal tipo di sito che gestisci, che si tratti di un semplice blog o di un sito di eCommerce, il plug-in Kadence Blocks si occuperà del design del tuo sito.

Il plug-in offre una serie di blocchi diversi che puoi mettere insieme e personalizzare il tema in base alle tue esigenze per rendere perfetto il tuo sito.

In effetti, il plug-in viene fornito con una serie di modelli demo di siti Web pronti che puoi importare e utilizzare sul tuo sito. Poiché il plugin è semplice e facile da usare, sarai in grado di personalizzarlo anche se sei un principiante assoluto.

Blocchi di Kadence
Ottieni il plug-in

Design a blocchi extra, stile, CSS per QUALSIASI blocco Gutenberg

Questo è un altro plugin di Gutenberg ma non per aggiungere un nuovo blocco ma per dare uno stile ai plugin che hai già aggiunto.

Se sei attivo nella comunità di WordPress, probabilmente sei a conoscenza di plugin come CSSHero creati per i non designer per modificare il codice CSS al volo con uno stile visivo.

Questo è uno di questi plugin che è perfettamente compatibile con la maggior parte dei plugin Gutenberg aggiunti a questo elenco, puoi usare questo plugin per modellare il blocco che aggiungi attraverso tutti questi plugin di blocco.

Questo plugin include oltre 60 opzioni di design. Quindi, se non sei una persona che non è a tuo agio con i codici di stile CSS ma desideri personalizzare l'aspetto dei blocchi, questo plugin fa per te.

Design a blocchi extra
Ottieni il plug-in

Parola finale

Questi sono alcuni dei migliori plugin di blocco Gutenberg che puoi utilizzare sul tuo sito WordPress. Vedremo una serie di plugin relativi a Gutenberg nei giorni a venire. In un certo senso, questi plugin funzionano come lo shortcode nel vecchio WordPress che abbiamo usato per aggiungere diverse funzionalità alle nostre pagine.

Ora, nella nuova versione di WordPress, questi diventano blocchi o opzioni per migliorare i blocchi pronti per renderli migliori.

Aggiungeremo più plugin Gutenberg per WordPress mentre continuiamo a testare più plugin, quindi non dimenticare di aggiungere questa pagina ai segnalibri e controllare più opzioni in seguito.