{"id":69890,"date":"2024-08-22T07:00:00","date_gmt":"2024-08-22T07:00:00","guid":{"rendered":"https:\/\/supporthost.com\/it\/?p=69890"},"modified":"2025-11-10T21:32:21","modified_gmt":"2025-11-10T20:32:21","slug":"generateblocks","status":"publish","type":"post","link":"https:\/\/supporthost.com\/it\/generateblocks\/","title":{"rendered":"Builder GenerateBlocks: guida completa"},"content":{"rendered":"\n<p>Gli editor a blocchi sono il tuo metodo preferito per costruire siti web con WordPress, e conosci Gutenberg a menadito? Allora non puoi perderti questa guida alla scoperta di GenerateBlocks, il builder a blocchi che garantisce semplicit\u00e0 e velocit\u00e0 al tuo sito, sia in fase di costruzione che in termini di User Experience. E gli oltre <strong>due milioni di download<\/strong> ottenuti finora sono una delle testimonianze pi\u00f9 evidenti di quanto questo Theme Builder sia apprezzato.<\/p>\n\n\n\n<div class=\"wp-block-rank-math-toc-block\" id=\"rank-math-toc\"><h2>Indice<\/h2><nav><ul><li><a href=\"#cose-generate-blocks\">Cos\u2019\u00e8 GenerateBlocks<\/a><\/li><li><a href=\"#quanto-costano-le-licenze-a-pagamento\">Quanto costano le licenze a pagamento?<\/a><\/li><li><a href=\"#come-si-installa-generate-blocks\">Come si installa GenerateBlocks?<\/a><ul><li><a href=\"#installare-la-versione-gratuita\">Installare la versione gratuita<\/a><\/li><li><a href=\"#installare-generate-blocks-pro\">Installare GenerateBlocks Pro<\/a><\/li><\/ul><\/li><li><a href=\"#guida-alle-funzionalita-di-generate-blocks\">Guida alle funzionalit\u00e0 di GenerateBlocks<\/a><ul><li><a href=\"#impostazioni-del-builder\">Impostazioni del builder<\/a><\/li><li><a href=\"#blocchi-base-di-generate-blocks\">Blocchi base di GenerateBlocks<\/a><ul><li><a href=\"#contenitore-esterno-e-interno\">Contenitore (esterno e interno)<\/a><\/li><li><a href=\"#griglia\">Griglia<\/a><\/li><li><a href=\"#headline\">Headline<\/a><\/li><li><a href=\"#pulsante\">Pulsante<\/a><\/li><li><a href=\"#query-loop\">Query Loop<\/a><\/li><li><a href=\"#image\">Image<\/a><\/li><\/ul><\/li><li><a href=\"#principali-funzionalita-della-versione-pro\">Principali funzionalit\u00e0 della versione Pro<\/a><\/li><\/ul><\/li><li><a href=\"#quali-temi-usare-con-generate-blocks\">Quali temi usare con GenerateBlocks?<\/a><ul><li><a href=\"#combo-con-generate-press\">Combo con GeneratePress<\/a><\/li><li><a href=\"#compatibilita-con-altri-temi\">Compatibilit\u00e0 con altri temi<\/a><\/li><\/ul><\/li><li><a href=\"#conclusioni\">Conclusioni<\/a><\/li><\/ul><\/nav><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"cose-generate-blocks\">Cos\u2019\u00e8 GenerateBlocks<\/h2>\n\n\n\n<p>\u201cLeggero\u201d \u00e8 l\u2019aggettivo che sentirai nominare pi\u00f9 spesso a proposito di GenerateBlocks. Quello che emerge a colpo d\u2019occhio come elemento distintivo \u00e8 infatti il suo volersi differenziare con forza da competitor molto pi\u00f9 &#8220;corposi&#8221;, che tendono a impattare parecchio sul caricamento delle pagine. Questo Page Builder invece si muove proprio nella direzione opposta: quella di aiutarti a costruire un sito con il <strong>massimo risultato e il minor numero possibile di stringhe di codice<\/strong>.<\/p>\n\n\n\n<p>Per raggiungere questo obiettivo GenerateBlocks si comporta come se fosse una sorta di <strong>potenziamento di Gutenberg<\/strong>, sfruttando al massimo l&#8217;editor di WordPress e aggiungendo tutta una serie di strumenti, funzionalit\u00e0 e personalizzazioni che vedremo a breve.<\/p>\n\n\n\n<p>Nato in abbinamento e a supporto del celebre tema GeneratePress &#8211; altrettanto famoso e apprezzato sempre per <strong>leggerezza e minimalismo<\/strong> &#8211; questo page builder ha tutti i requisiti per diventare un\u2019ottima soluzione per chi cerca una soluzione efficace e di facile utilizzo per lo sviluppo del proprio sito web.<\/p>\n\n\n\n<p>Far\u00e0 anche al caso tuo? Scopriamolo insieme.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"393\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/08\/generateblocks-1024x393.png\" alt=\"Generateblocks\" class=\"wp-image-69901\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/08\/generateblocks-1024x393.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/08\/generateblocks-300x115.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/08\/generateblocks-768x294.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/08\/generateblocks-120x46.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/08\/generateblocks.png 1338w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"quanto-costano-le-licenze-a-pagamento\">Quanto costano le licenze a pagamento?<\/h2>\n\n\n\n<p>Come molti altri builder, anche GenerateBlocks offre, oltre a una versione base gratuita, delle soluzioni a pagamento complete di numerose funzionalit\u00e0 che andremo a dettagliare nelle sezioni successive. Queste le opzioni disponibili con i relativi prezzi:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>GenerateBlocks Pro in versione personal<\/strong> a 59$ all\u2019anno, ideale per chi ha solo un sito da sviluppare;<\/li>\n\n\n\n<li><strong>GenerateBlocks Pro in versione professional<\/strong>: questa alternativa, con un canone annuo di 99$, permette di utilizzare il builder fino a un massimo di 500 siti, soluzione ideale per agenzie e professionisti del settore.<\/li>\n<\/ul>\n\n\n\n<p>Esiste poi una terza opzione che abbiamo gi\u00e0 illustrato a proposito dei <a href=\"https:\/\/supporthost.com\/it\/generatepress\/#generate-press-premium-quanto-costa\">piani di acquisto del tema GeneratePress Premium<\/a>: con il pacchetto \u201c<strong>Generate Press One<\/strong>\u201d a 149$\/anno, infatti, puoi acquistare la licenza completa sia per il builder che per il tema, oltre a supporto prioritario e altri servizi fra cui, per esempio, GenerateCloud.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"come-si-installa-generate-blocks\">Come si installa GenerateBlocks?<\/h2>\n\n\n\n<p>Potr\u00e0 sembrare ovvio ma, se hai una certa dimestichezza con temi e plugin, saprai benissimo che non \u00e8 sempre cos\u00ec: sarai infatti felice di sapere che <strong>la leggerezza di questo builder si vede gi\u00e0 al momento dell\u2019installazione<\/strong>. Vediamo insieme nel nostro tutorial le varie modalit\u00e0 a tua disposizione.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"installare-la-versione-gratuita\">Installare la versione gratuita<\/h3>\n\n\n\n<p>Ci sono due strade per scaricare questo builder nella versione free. La prima \u00e8 direttamente dal <strong>backend di WordPress<\/strong>, attraverso la sezione \u201cPlugin\u201d. Qui ti sar\u00e0 sufficiente cercare GenerateBlocks e procedere con l\u2019installazione e la successiva attivazione del builder.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"332\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/08\/installa-generateblocks-1024x332.png\" alt=\"Installa Generateblocks\" class=\"wp-image-69907\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/08\/installa-generateblocks-1024x332.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/08\/installa-generateblocks-300x97.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/08\/installa-generateblocks-768x249.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/08\/installa-generateblocks-120x39.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/08\/installa-generateblocks.png 1340w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Se invece non hai ancora installato WordPress o devi ancora acquistare lo spazio hosting e\/o il dominio, potrai comunque portarti avanti e scaricare il file .zip direttamente dalla <a href=\"https:\/\/generateblocks.com\/install\/\" rel=\"noopener\">sito ufficiale di GenerateBlocks<\/a>. Ti troverai sul pc un file che <strong>pesa poco meno di 1 Mb<\/strong>, ed \u00e8 gi\u00e0 questo il primo segnale dell\u2019estrema leggerezza e grande minimalismo di questo strumento rispetto a tanti altri builder.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"845\" height=\"450\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/08\/download-generateblocks.png\" alt=\"Download Generateblocks\" class=\"wp-image-69900\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/08\/download-generateblocks.png 845w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/08\/download-generateblocks-300x160.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/08\/download-generateblocks-768x409.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/08\/download-generateblocks-118x63.png 118w\" sizes=\"auto, (max-width: 845px) 100vw, 845px\" \/><\/figure>\n\n\n\n<p>Quando avrai poi <a href=\"https:\/\/supporthost.com\/it\/installare-wordpress\/\" data-type=\"post\" data-id=\"16255\">installato WordPress<\/a>, potrai caricarlo dalla sezione \u201cAggiungi un nuovo plugin\u201d cliccando su \u201cCarica plugin\u201d, selezionando il file .zip e procedendo con \u201cInstalla ora\u201d.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"930\" height=\"340\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/08\/installare-generateblocks-su-wordpress.png\" alt=\"Installare Generateblocks Su WordPress\" class=\"wp-image-69899\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/08\/installare-generateblocks-su-wordpress.png 930w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/08\/installare-generateblocks-su-wordpress-300x110.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/08\/installare-generateblocks-su-wordpress-768x281.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/08\/installare-generateblocks-su-wordpress-120x44.png 120w\" sizes=\"auto, (max-width: 930px) 100vw, 930px\" \/><\/figure>\n\n\n\n<p>Nella schermata successiva, con \u201cAttiva ora\u201d avrai completato l\u2019installazione.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"641\" height=\"366\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/08\/attiva-plugin-generateblocks.png\" alt=\"Attiva Plugin Generateblocks\" class=\"wp-image-69898\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/08\/attiva-plugin-generateblocks.png 641w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/08\/attiva-plugin-generateblocks-300x171.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/08\/attiva-plugin-generateblocks-110x63.png 110w\" sizes=\"auto, (max-width: 641px) 100vw, 641px\" \/><\/figure>\n\n\n\n<p>Se invece hai dimestichezza con <strong>FTP<\/strong>, potrai caricare il file direttamente nella cartella \/wp-content\/plugins\/.<\/p>\n\n\n\n<p>Saprai di aver installato e attivato correttamente il Theme Builder quando ti comparir\u00e0 la sezione \u201cGenerateBlocks\u201d nella colonna laterale del backend di WordPress.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"745\" height=\"592\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/08\/configurazione-corretta-builder.png\" alt=\"Configurazione Corretta Builder\" class=\"wp-image-69897\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/08\/configurazione-corretta-builder.png 745w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/08\/configurazione-corretta-builder-300x238.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/08\/configurazione-corretta-builder-79x63.png 79w\" sizes=\"auto, (max-width: 745px) 100vw, 745px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"installare-generate-blocks-pro\">Installare GenerateBlocks Pro<\/h3>\n\n\n\n<p>Una volta selezionata la <a href=\"https:\/\/generatepress.com\/blocks\/#pricing\" rel=\"noopener\">formula a pagamento di tuo interesse<\/a>, durante la procedura d\u2019acquisto dovrai creare un&#8217;utenza personale sul sito di GeneratePress. Ad acquisto completato troverai la licenza d\u2019uso <a href=\"https:\/\/generatepress.com\/wp-login.php\" rel=\"noopener\">nel tuo account<\/a> e tutte le indicazioni per attivarla.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"guida-alle-funzionalita-di-generate-blocks\">Guida alle funzionalit\u00e0 di GenerateBlocks<\/h2>\n\n\n\n<p>L\u2019informazione pi\u00f9 importante per comprendere al meglio come funziona questo builder \u00e8 capire in profondit\u00e0 da dove nasce la sua incredibile (e celebre!) leggerezza. Questo strumento, infatti, per ridurre ai minimi termini l\u2019impatto sulla velocit\u00e0 di caricamento, poggia e <strong>si integra perfettamente con l\u2019editor a blocchi nativo di WordPress<\/strong>. S\u00ec, si tratta proprio di <a href=\"https:\/\/supporthost.com\/it\/gutenberg\/\">Gutenberg, di cui trovi un tutorial completo<\/a> nel nostro blog.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"844\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/08\/panoramica-funzionalita-builder-1024x844.png\" alt=\"Panoramica Funzionalit\u00e0 Builder\" class=\"wp-image-69908\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/08\/panoramica-funzionalita-builder-1024x844.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/08\/panoramica-funzionalita-builder-300x247.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/08\/panoramica-funzionalita-builder-768x633.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/08\/panoramica-funzionalita-builder-76x63.png 76w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/08\/panoramica-funzionalita-builder.png 1188w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"impostazioni-del-builder\">Impostazioni del builder<\/h3>\n\n\n\n<p>Questa \u00e8 la sezione in cui potrai gestire alcune configurazioni generali, fra cui:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>la <strong>larghezza massima globale<\/strong>;<\/li>\n\n\n\n<li>la generazione del file <strong>CSS<\/strong>;<\/li>\n\n\n\n<li>la sincronizzazione delle <strong>anteprime responsive<\/strong>;<\/li>\n\n\n\n<li>l\u2019eventuale disabilitazione dei <a href=\"https:\/\/supporthost.com\/it\/google-fonts\/\" data-type=\"post\" data-id=\"55719\">Google Fonts<\/a> (un\u2019opzione utile per migliorare le performance, tema molto caro a questo builder).<\/li>\n<\/ul>\n\n\n\n<p>Le impostazioni sono a tua disposizione nella sezione &#8220;GenerateBlocks&#8221;, cliccando sull&#8217;omonima voce. Completato l&#8217;eventuale aggiornamento dei settings, clicca su &#8220;Salva&#8221; per completare la procedura e il builder sar\u00e0 pronto a lavorare per te e per il tuo sito.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"503\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/08\/impostazioni-generateblocks-1024x503.png\" alt=\"Impostazioni Generateblocks\" class=\"wp-image-69896\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/08\/impostazioni-generateblocks-1024x503.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/08\/impostazioni-generateblocks-300x147.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/08\/impostazioni-generateblocks-768x377.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/08\/impostazioni-generateblocks-120x59.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/08\/impostazioni-generateblocks.png 1147w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Proseguiamo ora il tutorial con l\u2019analisi dei suoi strumenti pi\u00f9 interessanti, immaginando di dover creare una pagina da zero. Per farlo, dal backend del tuo sito WordPress clicca su \u201cPagine\u201d e poi \u201cAggiungi nuova pagina\u201d.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"457\" height=\"282\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/08\/aggiungi-nuova-pagina-wordpress.png\" alt=\"Aggiungi Nuova Pagina WordPress\" class=\"wp-image-69894\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/08\/aggiungi-nuova-pagina-wordpress.png 457w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/08\/aggiungi-nuova-pagina-wordpress-300x185.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/08\/aggiungi-nuova-pagina-wordpress-102x63.png 102w\" sizes=\"auto, (max-width: 457px) 100vw, 457px\" \/><\/figure>\n\n\n\n<p>Poich\u00e9 questo builder \u00e8 integrato all\u2019interno di Gutenberg, non dovrai effettuare alcun passaggio extra n\u00e9 attivare la costruzione della tua pagina con GenerateBlocks, come invece accade con altri builder tipo <a href=\"https:\/\/supporthost.com\/it\/divi\/\">Divi<\/a>, Elementor e <a href=\"https:\/\/supporthost.com\/it\/avada-recensione-tema-wordpress\/\" data-type=\"post\" data-id=\"14890\">Avada<\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"blocchi-base-di-generate-blocks\">Blocchi base di GenerateBlocks<\/h3>\n\n\n\n<p>A seguire riepiloghiamo i sei elementi principali che troverai aggiunti a quelli standard di Gutenberg:<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"contenitore-esterno-e-interno\">Contenitore (esterno e interno)<\/h4>\n\n\n\n<p>Aggiunge righe e sezioni alla tua pagina, con layout personalizzabili. Solitamente \u00e8 il primo elemento che si aggiunge alla pagina. Come tutti gli elementi viene aggiunto cliccando sul &#8220;+&#8221; in alto a sinistra, accanto all&#8217;icona di WordPress e selezionando il blocco di interesse, in questo caso &#8220;Contenitore&#8221;.<\/p>\n\n\n\n<p>L&#8217;elemento comparir\u00e0 al centro, con tutte le opportunit\u00e0 di personalizzazione in prossimit\u00e0 del blocco e sulla sidebar di destra, in linea con la tipica modalit\u00e0 di modifica di Gutenberg. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"432\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/08\/blocco-contenitore-1024x432.png\" alt=\"Blocco Contenitore\" class=\"wp-image-69895\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/08\/blocco-contenitore-1024x432.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/08\/blocco-contenitore-300x127.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/08\/blocco-contenitore-768x324.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/08\/blocco-contenitore-120x51.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/08\/blocco-contenitore.png 1338w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"griglia\">Griglia<\/h4>\n\n\n\n<p>Permette di strutturare sezioni avanzate con varie colonne e di varia dimensione. Dopo aver selezionato l&#8217;elemento a sinistra, al centro compariranno tutte le tipologie di struttura disponibili.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"482\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/08\/griglia-generateblocks-1024x482.png\" alt=\"Griglia Generateblocks\" class=\"wp-image-69893\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/08\/griglia-generateblocks-1024x482.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/08\/griglia-generateblocks-300x141.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/08\/griglia-generateblocks-768x361.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/08\/griglia-generateblocks-120x56.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/08\/griglia-generateblocks.png 1052w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"headline\">Headline<\/h4>\n\n\n\n<p>Con questo strumento si possono inserire titoli e paragrafi, con strumenti di formattazione avanzata. Come sempre si partir\u00e0 dalla selezione del blocco &#8220;Headline&#8221; nell&#8217;elenco di sinistra, e al centro potrai inserire il tuo titolo e modificarne i parametri principali con il floating menu subito in alto.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1018\" height=\"401\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/08\/inserimento-blocco-titoli.png\" alt=\"Inserimento Blocco Titoli\" class=\"wp-image-69906\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/08\/inserimento-blocco-titoli.png 1018w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/08\/inserimento-blocco-titoli-300x118.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/08\/inserimento-blocco-titoli-768x303.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/08\/inserimento-blocco-titoli-120x47.png 120w\" sizes=\"auto, (max-width: 1018px) 100vw, 1018px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"pulsante\">Pulsante<\/h4>\n\n\n\n<p>Un elemento tanto facile quanto versatile per inserire link e call to action. Un primo click su &#8220;Pulsante&#8221; e nella sezione centrale vedrai comparire l&#8217;elemento nella sua versione standard. Cliccandoci sopra potrai modificare il testo &#8220;Button&#8221; e poi passare alle personalizzazioni.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"988\" height=\"414\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/08\/personalizzazione-pulsanti.png\" alt=\"Personalizzazione Pulsanti\" class=\"wp-image-69905\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/08\/personalizzazione-pulsanti.png 988w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/08\/personalizzazione-pulsanti-300x126.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/08\/personalizzazione-pulsanti-768x322.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/08\/personalizzazione-pulsanti-120x50.png 120w\" sizes=\"auto, (max-width: 988px) 100vw, 988px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"query-loop\">Query Loop<\/h4>\n\n\n\n<p>Una funzionalit\u00e0 pratica con cui aggiungere elenchi di post, pagine e qualsiasi altra categoria di contenuto, con diversi layout a disposizione fra cui scegliere.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"958\" height=\"494\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/08\/configurare-query-loop.png\" alt=\"Configurare Query Loop\" class=\"wp-image-69904\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/08\/configurare-query-loop.png 958w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/08\/configurare-query-loop-300x155.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/08\/configurare-query-loop-768x396.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/08\/configurare-query-loop-120x63.png 120w\" sizes=\"auto, (max-width: 958px) 100vw, 958px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"image\">Image<\/h4>\n\n\n\n<p>Consente di inserire immagini e personalizzarne le modalit\u00e0 di visualizzazione. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1012\" height=\"410\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/08\/aggiungi-immagine-con-generateblocks.png\" alt=\"Aggiungi Immagine Con Generateblocks\" class=\"wp-image-69903\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/08\/aggiungi-immagine-con-generateblocks.png 1012w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/08\/aggiungi-immagine-con-generateblocks-300x122.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/08\/aggiungi-immagine-con-generateblocks-768x311.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/08\/aggiungi-immagine-con-generateblocks-120x49.png 120w\" sizes=\"auto, (max-width: 1012px) 100vw, 1012px\" \/><\/figure>\n\n\n\n<p>Oltre al floating menu che comparir\u00e0 in corrispondenza di ogni singolo blocco che aggiungerai, troverai le restanti personalizzazioni nella classica <strong>sidebar di Gutenberg<\/strong>, sul lato destro della schermata.<\/p>\n\n\n\n<p>Qui, dopo aver cliccato su \u201cBlocchi\u201d, troverai l\u2019<strong>elenco completo delle configurazioni<\/strong> a tua disposizione: tipografia, spazi e dimensioni, colori, sfondi, <a href=\"https:\/\/supporthost.com\/it\/icone-wordpress\/\">icone<\/a> e, pi\u00f9 in generale, il comportamento responsive di ogni elemento.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"991\" height=\"557\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/08\/personalizzazione-blocchi.png\" alt=\"Personalizzazione Blocchi\" class=\"wp-image-69902\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/08\/personalizzazione-blocchi.png 991w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/08\/personalizzazione-blocchi-300x169.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/08\/personalizzazione-blocchi-768x432.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/08\/personalizzazione-blocchi-112x63.png 112w\" sizes=\"auto, (max-width: 991px) 100vw, 991px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"principali-funzionalita-della-versione-pro\">Principali funzionalit\u00e0 della versione Pro<\/h3>\n\n\n\n<p>GenerateBlocks tira fuori il meglio di s\u00e9 nella versione a pagamento, con alcuni strumenti tanto semplici quanto potenti. Fra i pi\u00f9 interessanti troviamo:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Pattern Library<\/strong>: la <a href=\"https:\/\/generateblocks.com\/pattern-library\/\" rel=\"noopener\">libreria completa con pi\u00f9 di 200 template<\/a> ricca di singoli elementi gi\u00e0 impostati e pagine complete solo da personalizzare con i propri contenuti;<\/li>\n\n\n\n<li><strong>Stili globali<\/strong>: una funzione eccezionale che permette di impostare degli stili e applicarli ai vari blocchi in maniera rapida ed efficace;<\/li>\n\n\n\n<li><strong>Blocchi Tabs <\/strong>(schede) e <strong>Accordion <\/strong>(fisarmonica) in aggiunta ai sei blocchi standard della versione gratuita;<\/li>\n\n\n\n<li><strong>Controlli avanzati<\/strong> del comportamento responsive, degli sfondi e degli effetti CSS.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"474\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/08\/pattern-library-generateblocks-pro-1024x474.png\" alt=\"Pattern Library Generateblocks Pro\" class=\"wp-image-69912\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/08\/pattern-library-generateblocks-pro-1024x474.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/08\/pattern-library-generateblocks-pro-300x139.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/08\/pattern-library-generateblocks-pro-768x356.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/08\/pattern-library-generateblocks-pro-120x56.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/08\/pattern-library-generateblocks-pro.png 1278w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"quali-temi-usare-con-generate-blocks\">Quali temi usare con GenerateBlocks?<\/h2>\n\n\n\n<p>Se ti stai chiedendo quale sia il tema WordPress pi\u00f9 adatto per questo builder, tira pure un sospiro di sollievo: abbiamo due buone notizie per te.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"combo-con-generate-press\">Combo con GeneratePress<\/h3>\n\n\n\n<p>La prima buona notizia l\u2019avrai forse gi\u00e0 intuita dal nome di questo builder. GenerateBlocks, infatti, \u00e8 stato sviluppato dallo stesso team che ha progettato il tema WordPress <strong>GeneratePress<\/strong>, uno dei pi\u00f9 celebri del momento. Ideati con il medesimo obiettivo di garantire la massima leggerezza e il minor impatto in termini di codice, va da s\u00e9 che la combinazione di questi due strumenti \u00e8 in grado di portare al massimo potenzialit\u00e0 e vantaggi di entrambi.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"448\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/07\/tema-generatepress-1024x448.png\" alt=\"Tema Generatepress\" class=\"wp-image-68825\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/07\/tema-generatepress-1024x448.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/07\/tema-generatepress-300x131.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/07\/tema-generatepress-768x336.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/07\/tema-generatepress-120x52.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/07\/tema-generatepress-1536x671.png 1536w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/07\/tema-generatepress.png 1890w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Come abbiamo gi\u00e0 detto in precedenza per il builder, e anche per il tema nel nostro <a href=\"https:\/\/supporthost.com\/it\/generatepress\/\">tutorial dedicato a GeneratePress<\/a>, tutti e due prevedono <strong>una versione gratuita, una a pagamento e un pacchetto bundle <\/strong>con cui poterli acquistare entrambi a un prezzo speciale.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"compatibilita-con-altri-temi\">Compatibilit\u00e0 con altri temi<\/h3>\n\n\n\n<p>Ed ecco la seconda notizia positiva: se hai gi\u00e0 individuato il tuo tema perfetto e non vuoi sentire l\u2019obbligo di scegliere GeneratePress, hai tutta la libert\u00e0 di farlo. GenerateBlocks, infatti, essendo perfettamente integrato con l\u2019editor nativo di WordPress, si presta a essere <strong>utilizzato con qualsiasi tema<\/strong>, senza vincoli o limiti di sorta.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"conclusioni\">Conclusioni<\/h2>\n\n\n\n<p>In termini di <strong>velocit\u00e0 e leggerezza <\/strong>le prestazioni garantite da GenerateBlocks sono senza dubbio eccellenti, supportate da stringe di codice davvero pulite e dal rispetto dei migliori requisiti di <strong>sicurezza, stabilit\u00e0 e compatibilit\u00e0<\/strong>. La flessibilit\u00e0 e le numerose possibilit\u00e0 di personalizzazione sono di certo un secondo elemento di grande rilevanza per questo Theme Builder, che trovano la loro massima espressione solo nella versione Pro. Qui, per sfruttare al meglio tutte le funzionalit\u00e0, potrebbe essere d\u2019aiuto possedere una <strong>conoscenza base di CSS e HTML<\/strong>.<\/p>\n\n\n\n<p>Proprio per queste motivazioni ci sentiamo di consigliare GenerateBlocks per lo sviluppo di <strong>siti poco complessi<\/strong>, in quanto le personalizzazioni potrebbero risultare molto faticose, soprattutto rispetto ad altri builder come, ad esempio, <a href=\"https:\/\/supporthost.com\/it\/elementor\/\" data-type=\"link\" data-id=\"https:\/\/supporthost.com\/it\/elementor\/\">Elementor<\/a>.<\/p>\n\n\n\n<p>Hai gi\u00e0 provato questo builder? Raccontaci com&#8217;\u00e8 andata nei commenti.<\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Gli editor a blocchi sono il tuo metodo preferito per costruire siti web con WordPress, e conosci Gutenberg a menadito? Allora non puoi perderti questa guida alla scoperta di GenerateBlocks, il builder a blocchi che garantisce semplicit\u00e0 e velocit\u00e0 al tuo sito, sia in fase di costruzione che in termini di User Experience. E gli [&hellip;]<\/p>\n","protected":false},"author":7,"featured_media":70018,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[33],"tags":[],"class_list":["post-69890","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress"],"acf":[],"_links":{"self":[{"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/posts\/69890","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/comments?post=69890"}],"version-history":[{"count":8,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/posts\/69890\/revisions"}],"predecessor-version":[{"id":134198,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/posts\/69890\/revisions\/134198"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/media\/70018"}],"wp:attachment":[{"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/media?parent=69890"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/categories?post=69890"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/tags?post=69890"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}