![\"\"](\"https:\/\/studioimmens.com\/wp-content\/uploads\/2026\/07\/gutenberg-blocchi-150x150.jpg\")
<\/a>\n\t\t\t<\/div><\/figure>\n\t\t<\/div>\n, offrendo editing visivo e layout flessibili.<\/p>\nIl blocco Columns \u00e8 il pi\u00f9 potente per creare layout complessi. Puoi dividere la pagina in colonne (da 2 a 6) e inserire qualsiasi altro blocco all’interno di ogni colonna. La larghezza delle colonne \u00e8 regolabile singolarmente. Usa le colonne per creare layout a griglia, confronti prodotto o sezioni con testo e immagine affiancati.<\/p>\n
Il blocco Cover crea un contenitore con immagine o video di sfondo, overlay colore e contenuto sovrapposto. \u00c8 ideale per hero section, banner promo e intestazioni di categoria. Puoi regolare la nitidezza dello sfondo, l’opacit\u00e0 dell’overlay e la posizione del contenuto.<\/p>\n
Il blocco Buttons permette di aggiungere call-to-action con stili personalizzabili: colore, dimensione, bordo, ombra e icona. Ogni pulsante pu\u00f2 avere un link, un comportamento di apertura (stessa finestra o nuova scheda) e un attributo rel per SEO o sicurezza.<\/p>\n
Il blocco Group \u00e8 un contenitore generico che raggruppa pi\u00f9 blocchi. A differenza di Columns, non crea layout a colonne ma permette di applicare stili comuni a tutti i blocchi contenuti: sfondo, padding, margine e larghezza. \u00c8 essenziale per sezioni complesse e per creare pattern personalizzati.<\/p>\n
Pannello delle impostazioni del blocco<\/h2>\n
Ogni blocco ha un pannello delle impostazioni nella colonna di destra. Qui trovi opzioni specifiche per il blocco selezionato: dimensioni, colori, tipografia, margini e altro. Le impostazioni sono divise in sezioni richiudibili per non sovraccaricare l’interfaccia. Per i blocchi paragrafo, trovi impostazioni di tipografia (dimensione font, altezza linea, letter spacing), colore del testo e dello sfondo e dimensione del drop cap.<\/p>\n
Il pannello “Style” permette di variare lo stile del blocco tra le opzioni disponibili (per esempio, stili di pulsante outline vs filled). Le variazioni di stile sono definite dal tema o dal blocco stesso e offrono un modo rapido per cambiare l’aspetto senza configurazioni manuali.<\/p>\n
Blocchi riutilizzabili<\/h2>\n
I blocchi riutilizzabili sono la risposta di Gutenberg ai contenuti che appaiono in pi\u00f9 pagine. Crea un blocco (es. una call-to-action, un disclaimer, un box informativo), salvalo come riutilizzabile e potrai inserirlo in qualsiasi post o pagina. Quando modifichi il blocco originale, tutte le istanze si aggiornano automaticamente.<\/p>\n
Per creare un blocco riutilizzabile, seleziona il blocco, clicca sui tre puntini e scegli “Aggiungi a blocchi riutilizzabili”. Assegna un nome descrittivo e organizzali con prefissi come “CTA – Newsletter” o “Box – Disclaimer”. I blocchi riutilizzabili sono salvati come post type ‘wp_block’ e possono essere gestiti anche da Tools > Blocchi riutilizzabili nel menu di amministrazione.<\/p>\n
Pattern di blocchi<\/h2>\n
I pattern di blocchi sono layout predefiniti che combinano pi\u00f9 blocchi in una sezione completa. WordPress include pattern nativi per hero, chi siamo, prezzi, testimonianze e contatti. Puoi inserirli con il selettore dei pattern (icona blu +) o con la scorciatoia \/pattern-name<\/code>.<\/p>\nI temi e i plugin possono registrare pattern personalizzati. Per registrare un pattern, usa la funzione register_block_pattern()<\/code> in PHP o il file patterns\/<\/code> del tema. I pattern accelerano la creazione di pagine complesse: invece di costruire sezione per sezione, inserisci un pattern e personalizzi i contenuti.<\/p>\nFull Site Editing (FSE)<\/h2>\n
La Full Site Editing \u00e8 l’evoluzione pi\u00f9 recente di Gutenberg. Con un tema FSE come Twenty Twenty-Four o TT3, puoi modificare tutte le parti del sito dall’editor a blocchi: header, footer, template di pagina, archivio, singolo post e 404. Non serve pi\u00f9 il Personalizzatore o il menu Aspetto. I temi FSE usano file HTML per i template, con blocchi che rappresentano ogni elemento.<\/p>\n
Per i temi classici, FSE non \u00e8 disponibile, ma puoi comunque usare Gutenberg per i contenuti. La transizione ai temi FSE \u00e8 graduale: molti sviluppatori mantengono temi ibridi che supportano sia i metodi tradizionali che la nuova architettura.<\/p>\n
Blocchi personalizzati con ACF e plugin<\/h2>\n
Advanced Custom Fields (ACF) permette di creare blocchi Gutenberg personalizzati con campi flessibili. Con ACF Pro, la funzione acf_register_block_type()<\/code> registra un blocco con nome, titolo, icona, categoria e callback di rendering. I campi ACF diventano i controlli del blocco, e il template PHP gestisce la visualizzazione.<\/p>\nPlugin come Advanced Forms, Kadence Blocks e GenerateBlocks offrono blocchi aggiuntivi per funzionalit\u00e0 specifiche: form avanzati, slider, tabelle di prezzi, FAQ, accordion. Valuta sempre se un blocco di terze parti \u00e8 necessario o se puoi ottenere lo stesso risultato con i blocchi core. Meno plugin significa meno complessit\u00e0 e migliori performance.<\/p>\n
Produttivit\u00e0 con l’editor a blocchi<\/h2>\n
Le scorciatoie da tastiera accelerano il lavoro: Ctrl+Shift+D<\/code> duplica il blocco, Ctrl+Shift+Z<\/code> ripristina, Ctrl+Shift+,<\/code> mostra le scorciatoie complete. Usa la List View (icona con tre linee in alto a sinistra) per navigare blocchi in profondit\u00e0, rinominarli e riordinarli con drag-and-drop.<\/p>\nIl selettore rapido dei blocchi con \/<\/code> \u00e8 il modo pi\u00f9 veloce per inserire qualsiasi blocco. Impara i nomi dei blocchi che usi pi\u00f9 frequentemente: scrivere \/columns<\/code>, \/cover<\/code>, \/buttons<\/code> \u00e8 pi\u00f9 rapido che cercarli nei menu. Organizza il contenuto con la List View quando lavori su pagine lunghe: la vista ad albero ti permette di vedere la struttura completa e spostare blocchi tra sezioni.<\/p>\nConclusioni<\/h2>\n
Gutenberg ha trasformato WordPress da un editor di testo a una piattaforma di content design. Padroneggiare i blocchi essenziali, i pattern, i blocchi riutilizzabili e le scorciatoie di produttivit\u00e0 ti permetter\u00e0 di creare pagine complesse in met\u00e0 tempo. Che tu sia un principiante o un utente esperto, Gutenberg offre strumenti per esprimere la tua creativit\u00e0 senza scrivere una riga di codice.<\/p>","protected":false},"excerpt":{"rendered":"
Gutenberg: il nuovo modo di creare contenuti Gutenberg, introdotto in WordPress 5.0 come Block Editor, ha rivoluzionato il modo di creare e gestire i contenuti. Ogni elemento della pagina \u00e8 un blocco: paragrafi, immagini, gallerie, colonne, bottoni e molto altro. L’editor a blocchi offre un’esperienza visiva che avvicina WordPress ai costruttori di pagine, ma con […]<\/p>\n","protected":false},"author":1,"featured_media":2035,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_gspb_post_css":"","ai_primary_source":"Studio Immens Blog","visibility_scope":"both","ai_summary":"Gutenberg: il nuovo modo di creare contenuti Gutenberg, introdotto in WordPress 5.0 come Block Editor, ha rivoluzionato il modo di creare e gestire i contenuti. Ogni elemento della pagina \u00e8 un blocco: paragrafi, immagini, gallerie, colonne, bottoni e molto altro. L'editor a blocchi offre un'esper...","ai_intent":"informative","ai_related_resources":"","ai_priority":5,"ai_entity_type":"Article","ai_is_based_on":"https:\/\/blog.studioimmens.com\/gutenberg-guida-ai-blocchi-essenziali\/","ai_citations":"","ai_mentions":"","ai_speakable_selector":"","ai_chunk_hints":"Gutenberg:, guida, ai, blocchi","footnotes":""},"categories":[133],"tags":[],"ai_visibility":[],"class_list":["post-1953","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/studioimmens.com\/en\/wp-json\/wp\/v2\/posts\/1953","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/studioimmens.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/studioimmens.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/studioimmens.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/studioimmens.com\/en\/wp-json\/wp\/v2\/comments?post=1953"}],"version-history":[{"count":1,"href":"https:\/\/studioimmens.com\/en\/wp-json\/wp\/v2\/posts\/1953\/revisions"}],"predecessor-version":[{"id":2244,"href":"https:\/\/studioimmens.com\/en\/wp-json\/wp\/v2\/posts\/1953\/revisions\/2244"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/studioimmens.com\/en\/wp-json\/wp\/v2\/media\/2035"}],"wp:attachment":[{"href":"https:\/\/studioimmens.com\/en\/wp-json\/wp\/v2\/media?parent=1953"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/studioimmens.com\/en\/wp-json\/wp\/v2\/categories?post=1953"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/studioimmens.com\/en\/wp-json\/wp\/v2\/tags?post=1953"},{"taxonomy":"ai_visibility","embeddable":true,"href":"https:\/\/studioimmens.com\/en\/wp-json\/wp\/v2\/ai_visibility?post=1953"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}