TechBlogSD - Tutto per WordPress e sviluppo WEB
Istruzioni WEB e WordPress, notizie, recensioni di temi e plugin

Recensione di GenerateBlocks Pro: un plug-in per la creazione di pagine di nuova generazione

2

WordPress utilizzava l’editor classico TinyMCE da molti anni prima di introdurre l’editor di blocchi Gutenberg con la versione 5.0. Gutenberg è stato introdotto per la prima volta come plugin prima di renderlo finalmente parte del core. Sebbene ci siano state molte esitazioni da parte degli utenti a passare dall’editor classico, era chiaro che Gutenberg è il futuro di WordPress. Il mondo dei blocchi è in continua evoluzione e GenerateBlocks è uno dei pezzi migliori per sfruttare appieno l’editor Gutenberg. In questo articolo, esploreremo di più sulle funzionalità e le caratteristiche delle versioni gratuita e Pro di GenerateBlocks.

Plugin GeneraBlocks Vs Page Builder

Usiamo WordPress da quasi un decennio e abbiamo utilizzato molti plugin popolari per la creazione di pagine come WPBakery, Elementor, SiteOrigin, ecc. La maggior parte di questi plugin è pesante e si basa su JavaScript e riduce drasticamente la velocità del sito. Dopo Gutenberg, ci siamo completamente sbarazzati dei page builder e abbiamo iniziato a utilizzare i blocchi. Poiché utilizziamo anche il tema GeneratePress, ho pensato di provare GenerateBlocks Pro per verificare come funziona.

  • Il plugin è stato sviluppato dallo stesso autore del tema GeneratePress. Se stai utilizzando il tema GeneratePress, questo plugin funzionerà perfettamente anche se funzionerà anche con altri temi.
  • Questo è un plug-in leggero e il file zip scaricato ha una dimensione di soli 180 KB.

Recensione di GenerateBlocks Pro: un plug-in per la creazione di pagine di nuova generazione

Plugin leggero

  • Non utilizza alcun JavaScript e aggiunge solo un semplice file CSS alla pagina e utilizza i blocchi principali di WordPress. Pertanto, non devi preoccuparti dell’impatto della velocità della tua pagina con questo plugin.

Recensione di GenerateBlocks Pro: un plug-in per la creazione di pagine di nuova generazione

Un foglio di stile sul frontend

  • Il plugin non scarica gli shortcode nel backend, offre più blocchi che puoi usare all’interno dell’editor Gutenberg. Se disabiliti il ​​plug-in, il tuo contenuto sarà ancora lì senza gli stili CSS e senza shortcode visibili.

Se sei stufo dei costruttori di pagine pesanti e stai cercando un’esperienza di creazione di pagine basata su blocchi leggeri, GenerateBlocks Pro fa per te.

Genera blocchi versione gratuita Vs Pro

GenerateBlocks segue la stessa logica del tema GeneratePress. Devi installare e attivare la versione gratuita per utilizzare la versione Pro premium. La licenza per sito singolo per la versione Pro ti costerà $ 39 con un anno di aggiornamento e supporto gratuiti. Successivamente è necessario rinnovare per ottenere supporto/aggiornamento o utilizzare il plug-in senza aggiornamenti. Puoi utilizzare la carta di credito o PayPal per il pagamento e completare l’acquisto.

Recensione di GenerateBlocks Pro: un plug-in per la creazione di pagine di nuova generazione

Paga con PayPal

Dopo aver completato l’acquisto, scarica il file zip del plug-in e annota la chiave di licenza per l’attivazione.

Recensione di GenerateBlocks Pro: un plug-in per la creazione di pagine di nuova generazione

Ottieni la chiave di licenza e scarica l’elemento

La parte buona è che esiste una garanzia di rimborso di 30 giorni che puoi utilizzare se necessario per ottenere il rimborso completo.

Installazione della versione Pro di GenerateBlocks

Come accennato, devi prima installare il plug-in gratuito GenerateBlocks per utilizzare la versione Pro. Accedi al tuo pannello di amministrazione di WordPress e vai alla sezione "Plugin > Aggiungi nuovo". Cerca "generateblocks" per trovare e installare il plugin nel tuo sito. Successivamente, puoi caricare il file zip della versione Pro e attivarlo anche.

Recensione di GenerateBlocks Pro: un plug-in per la creazione di pagine di nuova generazione

Installa plugin gratuiti e Pro

Impostazioni del plugin GeneraBlocks

Il plugin aggiungerà una serie di menu sotto l’intestazione "GenerateBlocks" nella barra laterale e andrà alla sezione delle impostazioni per attivare la chiave di licenza.

Recensione di GenerateBlocks Pro: un plug-in per la creazione di pagine di nuova generazione

Aggiorna chiave di licenza

Oltre all’attivazione della licenza, puoi scegliere se caricare il file CSS esternamente o incorporarlo in linea. Discuteremo i modelli locali, gli stili globali e le opzioni della libreria di risorse in seguito dopo aver compreso come utilizzare i blocchi.

Caratteristiche della versione gratuita

La versione gratuita del plugin in quanto tale offre semplicemente 4 blocchi: contenitore, griglia, pulsante e titolo.

Recensione di GenerateBlocks Pro: un plug-in per la creazione di pagine di nuova generazione

Blocchi gratuiti

Sebbene sia possibile ottimizzare la tipografia, la spaziatura e altre impostazioni per ciascuno di questi blocchi, sono ridondanti rispetto ai blocchi Gutenberg predefiniti. Puoi inserire uno qualsiasi di questi blocchi nell’editor Gutenberg in modo simile ai blocchi normali.

  • Contenitore: crea un contenitore a larghezza intera, aggiungi sfondi e inserisci più blocchi all’interno del contenitore.
  • Griglia: crea un layout di colonna con più opzioni di griglia.
  • Titolo: crea un titolo e regola i parametri.
  • Pulsanti: crea pulsanti singoli, a larghezza intera, impilati (orizzontali/verticali).

Recensione di GenerateBlocks Pro: un plug-in per la creazione di pagine di nuova generazione

Blocco pulsante GeneraBlocks gratuito

Caratteristiche della versione Pro

La versione Pro offre un singolo blocco "Libreria modelli" nell’editor oltre ai quattro blocchi gratuiti. Puoi digitare /gene e filtrare tutti e cinque i blocchi per una rapida selezione.

Recensione di GenerateBlocks Pro: un plug-in per la creazione di pagine di nuova generazione

Blocco libreria modelli

Il blocco della libreria dei modelli contiene oltre 150 singoli blocchi classificati nei seguenti gruppi.

  • Wireframe

  • Scatole al passaggio del mouse

  • Contenuto

  • Eroe

  • Chiamare all’azione

  • Squadra

  • Riquadri informativi

  • Icone dei social media

  • Contatto

  • piè di pagina

  • Tabella dei prezzi

  • Loghi

  • Testimonianza

  • Titolo

  • Pulsante

Recensione di GenerateBlocks Pro: un plug-in per la creazione di pagine di nuova generazione

Libreria di blocchi di modelli

Puoi inserire la sezione degli eroi, l’invito all’azione, i pulsanti, la tabella dei prezzi, i membri del team o qualsiasi altro blocco come mostrato nella loro pagina demo. Ad esempio, ci sono più di 20 pulsanti che puoi inserire con pochi clic e personalizzare lo stile.

Recensione di GenerateBlocks Pro: un plug-in per la creazione di pagine di nuova generazione

Pulsanti GeneraBlocks Pro

Personalizzazione dei blocchi

Il vantaggio di GenerateBlocks è che puoi regolare i parametri del blocco secondo il tuo progetto, tutto all’interno dell’editor Gutenberg. Puoi visualizzare in anteprima le modifiche dal vivo su desktop, tablet e dispositivi mobili per controllare l’aspetto del blocco prima di pubblicarlo online.

Recensione di GenerateBlocks Pro: un plug-in per la creazione di pagine di nuova generazione

Blocco modello inserito

Ecco le opzioni di personalizzazione disponibili per ogni elemento del blocco:

  • Tipografia: imposta la dimensione del carattere, la famiglia, il peso e trasforma il contenuto del testo.
  • Spaziatura: regola il riempimento, il margine, il bordo, il raggio del bordo e le proprietà dell’indice z.
  • Colori: imposta i colori di sfondo, testo, collegamento e bordo per la visualizzazione normale e al passaggio del mouse.
  • Sfondi: applica un’immagine o un colore di sfondo sfumato all’elemento selezionato.
  • Forme: il plugin offre forme predefinite per curve, angoli, onde e triangoli. È possibile inserire e modificare le proprietà secondo le proprie necessità.

Recensione di GenerateBlocks Pro: un plug-in per la creazione di pagine di nuova generazione

Inserisci forme

  • Effetti: effetti aggiuntivi per elementi come transizione, opacità, ombra del riquadro, ombra del testo, trasformazione e filtro.
  • Documentazione: collegamento alla pagina della documentazione di aiuto.
  • Avanzato: opzione predefinita di Gutenberg per aggiungere ancoraggi HTML e classi CSS aggiuntive. Inoltre, il plug-in aggiungerà qui opzioni per aggiungere attributi personalizzati e nasconderli su desktop/mobile/tablet.

Alcuni blocchi avranno un’opzione di layout aggiuntiva per regolare la larghezza e altri parametri.

Recensione di GenerateBlocks Pro: un plug-in per la creazione di pagine di nuova generazione

Personalizzazione delle opzioni di layout

Come puoi vedere, è possibile personalizzare ogni pixel degli elementi del blocco con la versione GenerateBlocks Pro. Se ti senti esausto con troppe opzioni, inserisci semplicemente uno dei blocchi demo così com’è e aggiorna i tuoi contenuti direttamente su di esso.

Stili globali, modelli locali e libreria di risorse

Oltre a inserire semplicemente i blocchi, GenerateBlocks semplifica anche il riutilizzo dei modelli.

Utilizzo degli stili globali

Questo è l’ideale quando è necessario personalizzare lo stile di qualsiasi blocco esistente. Ad esempio, ti piace aggiungere uno stile aggiuntivo a uno dei blocchi di intestazione e utilizzarlo in tutto il tuo sito. In questo caso, non ha senso modificare il blocco e personalizzarlo ogni volta. Il modo ideale è creare uno stile globale e dargli un nome. vai su "GeneraBlocchi> Stili globali" e crea un nuovo stile con il tuo blocco di intestazione e personalizzalo. Nelle opzioni di blocco della barra laterale, puoi vedere che il plug-in assegna automaticamente un identificatore di stile globale. Puoi rinominare l’identificatore con il nome che puoi ricordare facilmente, ad esempio lo chiamiamo style-1.

Recensione di GenerateBlocks Pro: un plug-in per la creazione di pagine di nuova generazione

Crea uno stile globale

Quando crei una pagina/post, puoi scegliere questo stile globale quando inserisci il blocco nell’editor. Devi abilitare il cursore "Usa stile globale" e scegliere il nome che hai fornito dal menu a discesa. Ora, tutti i tuoi stili personalizzati verranno applicati istantaneamente al blocco.

Recensione di GenerateBlocks Pro: un plug-in per la creazione di pagine di nuova generazione

Inserisci lo stile globale nell’editor

L’uso dell’opzione di stile globale ti farà risparmiare un sacco di tempo quando desideri personalizzare più blocchi con stili aggiuntivi. Puoi applicare lo stile globale solo per desktop e utilizzare uno stile diverso per dispositivi mobili e utilizzare qualsiasi combinazione di questo tipo.

Modelli locali

Questa è un’altra opzione per risparmiare tempo simile alla creazione di blocchi riutilizzabili in Gutenberg. Vai su "Genera blocchi > Modelli locali" e crea il tuo modello personalizzato. Puoi utilizzare qualsiasi blocco dall’editor Gutenberg principale, GenerateBlocks Pro o qualsiasi altro plug-in per quella materia. È anche possibile assegnare un’immagine in primo piano in modo da poterla identificare facilmente durante l’inserimento dall’editor.

Recensione di GenerateBlocks Pro: un plug-in per la creazione di pagine di nuova generazione

Crea modello locale

Dopo aver creato il tuo modello locale, puoi inserire quel modello in qualsiasi pagina utilizzando lo stesso "Blocco libreria modelli". Fare clic sulla scheda "Modello locale" e selezionare il modello da inserire nella pagina.

Libreria di risorse

GenerateBlocks Pro utilizza due tipi di risorse: forme predefinite e icone entrambe in formato SVG. La differenza è che le forme sono elementi dinamici serviti dalla libreria e le icone vengono caricate da quella particolare pagina. Puoi aggiungere le tue forme e icone andando alla sezione "GeneraBlocchi > Libreria di risorse".

Recensione di GenerateBlocks Pro: un plug-in per la creazione di pagine di nuova generazione

Libreria di risorse

È possibile creare gruppi e aggiungere le tue forme o icone preferite sotto un unico nome. Puoi quindi scegliere questi gruppi dalle opzioni della barra laterale quando inserisci i blocchi nell’editor.

Recensione di GenerateBlocks Pro: un plug-in per la creazione di pagine di nuova generazione

Crea libreria di risorse

Puoi utilizzare il plug-in Safe SVG per caricare immagini SVG nella libreria e GenerateBlocks Pro acquisirà il contenuto HTML dal file .svg caricato e creerà una risorsa per te. Ricorda, la modifica delle forme nella raccolta di risorse cambierà quella forma in tutto il tuo sito. Tuttavia, la modifica delle icone nella raccolta delle risorse non cambierà le stesse icone già utilizzate sul tuo sito.

Supporto e documentazione

Ogni blocco ha un collegamento alla sezione della documentazione di GenerateBlocks Pro. La documentazione è una base di conoscenza che può aiutarti a capire come funziona il plugin.

Recensione di GenerateBlocks Pro: un plug-in per la creazione di pagine di nuova generazione

Portale della documentazione

Inoltre, puoi inviare la tua richiesta nel loro forum o pubblicare un ticket di supporto accedendo al tuo account.

Recensione di GenerateBlocks Pro: un plug-in per la creazione di pagine di nuova generazione

Crea ticket di supporto dall’account

Alcuni problemi

Bene, non puoi avere tutto perfetto con un plugin progettato tenendo presente un modo specifico di utilizzo.

  • La più grande confusione che troverai è la dicitura "Template Library" utilizzata sul sito GenerateBlocks. Gli utenti possono facilmente pensare che si tratti di modelli a pagina intera che otterrai con qualsiasi altro plug-in per la creazione di pagine. Tuttavia, questi sono solo blocchi modello Gutenberg come spiegato sopra. Sebbene la loro sezione demo sia chiara, sarà opportuno utilizzare qualcosa come "Libreria di modelli di blocchi" o qualcosa del genere (il termine Libreria di blocchi è già utilizzato in WordPress, quindi deve essere qualcosa di diverso).

Recensione di GenerateBlocks Pro: un plug-in per la creazione di pagine di nuova generazione

Nome libreria modelli confuso

  • Gli stessi nomi di blocco come l’intestazione, i pulsanti possono anche confondere gli utenti poiché fanno già parte dell’editor principale di Gutenberg.
  • Hai bisogno di due versioni di plugin (gratuita e Pro) per utilizzare questi blocchi. Inoltre, è necessario anche un plug-in aggiuntivo per caricare le risorse SVG. Finisce con un minimo di tre plugin per utilizzare completamente le funzionalità. Questo è lo stesso problema con il tema GeneratePress che è necessario installare più plug-in che alcuni utenti potrebbero non preferire.
  • Puoi ottenere il tema per $ 59 mentre il plug-in costa $ 39, il che è un po’ più costoso secondo noi.
  • Il plugin potrebbe non funzionare correttamente con altri page builder e temi.

Questi sono alcuni piccoli difetti che abbiamo notato. Probabilmente non sono grossi affari quando ti piacciono le funzioni del plugin.

GenerateBlocks Pro è una magia CSS completa per l’editor di blocchi Gutenberg. Il plug-in non influirà sulla velocità di caricamento della pagina e contribuirà a creare bellissimi layout simili a qualsiasi altro plug-in per la creazione di pagine. Prova GenerateBlocks Pro e non tornerai mai più a creare pagine pesanti.

Professionisti

  • Leggero e ti permette di costruire bellissimi blocchi senza gonfiare.
  • Interessante usare l’editor Gutenberg con oltre 150 blocchi.

Contro

  • Prezzi più alti e non funzionano correttamente con altri temi e costruttori di pagine.
  • Plugin basato su blocchi e non offre modelli a pagina intera.

Fonte di registrazione: webnots.com
Lascia una risposta

This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish. Accept Read More