{"id":1612,"date":"2025-03-29T15:46:45","date_gmt":"2025-03-29T15:46:45","guid":{"rendered":"https:\/\/tableberg.com\/?p=1612"},"modified":"2025-03-29T15:46:48","modified_gmt":"2025-03-29T15:46:48","slug":"come-creare-caselle-di-contenuto-in-wordpress","status":"publish","type":"post","link":"https:\/\/tableberg.com\/it\/how-to-create-content-boxes-in-wordpress\/","title":{"rendered":"Come creare riquadri di contenuto in WordPress"},"content":{"rendered":"<p>Un riquadro di contenuto \u00e8 un contenitore visivamente distinto con il quale \u00e8 possibile incorniciare un contenuto specifico che lo fa risaltare rispetto al resto. Vi aiuta a mettere in evidenza informazioni chiave o annunci speciali, attirando l'attenzione degli utenti su dettagli importanti.<\/p>\n\n\n\n<p>I riquadri di contenuto sono adatti a mostrare sezioni di invito all'azione, testimonianze, recensioni e caratteristiche chiave di prodotti o servizi. Esistono diversi modi per creare riquadri di contenuto nei siti web WordPress.<\/p>\n\n\n\n<p>Nel seguito di questo articolo, vi mostreremo tre metodi pratici per creare box di contenuto in WordPress. Seguiteci fino alla fine.<\/p>\n\n\n<div class=\"wp-block-tableberg-wrapper wp-block-tableberg-table\" >\n\t\t\t<div class=\"tableberg-table-wrapper\" style=\"border-color: #abb8c3; \">\n\t\t\t\t<table class = \"has-inner-border\" style=\"border-spacing: 0 0; --tableberg-inner-border-top: none; --tableberg-inner-border-right: 1px solid #abb8c3; --tableberg-inner-border-bottom: 1px solid #abb8c3; --tableberg-inner-border-left: none; --tableberg-inner-border-top-first: 1px solid #abb8c3; --tableberg-inner-border-left-first: 1px solid #abb8c3; \" data-tableberg-header=\"converted\" data-tableberg-footer=\"\" data-tableberg-responsive data-tableberg-rows=\"4\" data-tableberg-cols=\"3\" data-tableberg-mobile-width=\"700\" data-tableberg-mobile-mode=\"stack\" data-tableberg-mobile-direction=\"row\" data-tableberg-mobile-count=\"1\" data-tableberg-mobile-header=\"1\" ><colgroup><col style=\"width: 33.333333333333%; min-width: 33.333333333333%; \"\/><col style=\"width: 33.333333333333%; min-width: 33.333333333333%; \"\/><col style=\"width: 33.333333333333%; min-width: 33.333333333333%; \"\/><\/colgroup><tbody><tr class=\"tableberg-header\" style=\"\">\n<th data-tableberg-row=\"0\" data-tableberg-col=\"0\" style=\"\" class=\"wp-block-tableberg-cell tableberg-v-align-center\"><div class=\"tableberg-cell-inner\" style=\"display: block; justify-content: center; flex-wrap: wrap; \">\n<p>Metodo<\/p>\n<\/div><\/th>\n\n<th data-tableberg-row=\"0\" data-tableberg-col=\"1\" style=\"\" class=\"wp-block-tableberg-cell tableberg-v-align-center\"><div class=\"tableberg-cell-inner\" style=\"display: block; justify-content: center; flex-wrap: wrap; \">\n<p>Plugin<\/p>\n<\/div><\/th>\n\n<th data-tableberg-row=\"0\" data-tableberg-col=\"2\" style=\"\" class=\"wp-block-tableberg-cell tableberg-v-align-center\"><div class=\"tableberg-cell-inner\" style=\"display: block; justify-content: center; flex-wrap: wrap; \">\n<p>Anteprima<\/p>\n<\/div><\/th>\n<\/tr><tr class=\"tableberg-odd-row\" style=\"\">\n<td data-tableberg-row=\"1\" data-tableberg-col=\"0\" style=\"\" class=\"wp-block-tableberg-cell tableberg-v-align-center\"><div class=\"tableberg-cell-inner\" style=\"display: block; justify-content: center; flex-wrap: wrap; \">\n<p class=\"has-text-align-center has-text-color has-link-color wp-elements-e6a8e2ba9683099d6dff8d7bf30e4e6f\" style=\"color:#671feb\"><a href=\"#Using-the-Columns-Block\">Utilizzo del blocco colonne<\/a><\/p>\n<\/div><\/td>\n\n<td data-tableberg-row=\"1\" data-tableberg-col=\"1\" style=\"\" class=\"wp-block-tableberg-cell tableberg-v-align-center\"><div class=\"tableberg-cell-inner\" style=\"display: block; justify-content: center; flex-wrap: wrap; \">\n<p class=\"has-text-align-center\">Non richiesto<\/p>\n<\/div><\/td>\n\n<td data-tableberg-row=\"1\" data-tableberg-col=\"2\" style=\"\" class=\"wp-block-tableberg-cell tableberg-v-align-center\"><div class=\"tableberg-cell-inner\" style=\"display: block; justify-content: center; flex-wrap: wrap; \"><figure class=\"wp-block-tableberg-image tableberg-image-center size-large is-resized\"><img decoding=\"async\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Content-Box-using-the-Columns-Block.png\" alt=\"\" class=\"wp-image-1\" style=\"width: 200px;border-top:  ;border-right:  ;border-bottom:  ;border-left:  ;\" \/><\/figure><\/div><\/td>\n<\/tr><tr class=\"tableberg-even-row\" style=\"\">\n<td data-tableberg-row=\"2\" data-tableberg-col=\"0\" style=\"\" class=\"wp-block-tableberg-cell tableberg-v-align-center\"><div class=\"tableberg-cell-inner\" style=\"display: block; justify-content: center; flex-wrap: wrap; \">\n<p class=\"has-text-align-center has-text-color has-link-color wp-elements-86045b5d02e709189188f7a38d01267f\" style=\"color:#671feb\"><a href=\"#Using-the-Tableberg-Block\">Utilizzo del blocco Tableberg<\/a><\/p>\n<\/div><\/td>\n\n<td data-tableberg-row=\"2\" data-tableberg-col=\"1\" style=\"\" class=\"wp-block-tableberg-cell tableberg-v-align-center\"><div class=\"tableberg-cell-inner\" style=\"display: block; justify-content: center; flex-wrap: wrap; \">\n<p class=\"has-text-align-center has-text-color has-link-color wp-elements-320d99aea727b6d31c1ea1b4e8be13e5\" style=\"color:#671feb\"><a href=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" target=\"_blank\" rel=\"noreferrer noopener\">Tavolo di lavoro<\/a><\/p>\n<\/div><\/td>\n\n<td data-tableberg-row=\"2\" data-tableberg-col=\"2\" style=\"\" class=\"wp-block-tableberg-cell tableberg-v-align-center\"><div class=\"tableberg-cell-inner\" style=\"display: block; justify-content: center; flex-wrap: wrap; \"><figure class=\"wp-block-tableberg-image tableberg-image-center size-large is-resized\"><img decoding=\"async\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Content-Box-using-the-Tableberg-Plugin.png\" alt=\"\" class=\"wp-image-1\" style=\"width: 200px;border-top:  ;border-right:  ;border-bottom:  ;border-left:  ;\" \/><\/figure><\/div><\/td>\n<\/tr><tr class=\"tableberg-odd-row\" style=\"\">\n<td data-tableberg-row=\"3\" data-tableberg-col=\"0\" style=\"\" class=\"wp-block-tableberg-cell tableberg-v-align-center\"><div class=\"tableberg-cell-inner\" style=\"display: block; justify-content: center; flex-wrap: wrap; \">\n<p class=\"has-text-align-center has-text-color has-link-color wp-elements-c14ddc11fcd1d98d761080ec059ae1db\" style=\"color:#671feb\"><a href=\"#Using-the-Styled-List-Block\">Utilizzo del blocco Elenco stilizzato<\/a><\/p>\n<\/div><\/td>\n\n<td data-tableberg-row=\"3\" data-tableberg-col=\"1\" style=\"\" class=\"wp-block-tableberg-cell tableberg-v-align-center\"><div class=\"tableberg-cell-inner\" style=\"display: block; justify-content: center; flex-wrap: wrap; \">\n<p class=\"has-text-align-center has-text-color has-link-color wp-elements-d58cb3b3f80d24b68f17ea7a536e0e5d\" style=\"color:#671feb\"><a href=\"https:\/\/wordpress.org\/plugins\/ultimate-blocks\/\" target=\"_blank\" rel=\"noreferrer noopener\">Blocchi definitivi<\/a><\/p>\n<\/div><\/td>\n\n<td data-tableberg-row=\"3\" data-tableberg-col=\"2\" style=\"\" class=\"wp-block-tableberg-cell tableberg-v-align-center\"><div class=\"tableberg-cell-inner\" style=\"display: block; justify-content: center; flex-wrap: wrap; \"><figure class=\"wp-block-tableberg-image tableberg-image-center size-large is-resized\"><img decoding=\"async\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Content-Boxes-using-the-Ultimate-Blocks-Plugin.png\" alt=\"\" class=\"wp-image-1\" style=\"width: 200px;border-top:  ;border-right:  ;border-bottom:  ;border-left:  ;\" \/><\/figure><\/div><\/td>\n<\/tr><\/tbody><\/table>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\n<h2 class=\"wp-block-heading\" id=\"0-method-1-using-the-columns-block\">Metodo 1: Utilizzo del blocco colonne<\/h2>\n\n\n\n<p>\u00c8 possibile creare e progettare un riquadro di contenuto di livello base utilizzando il blocco predefinito Colonne di WordPress. Seguite i passaggi illustrati di seguito.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"1-step-01-add-the-columns-block-to-the-editor\">Passo 01: aggiungere il blocco colonne all'editor<\/h3>\n\n\n\n<p>Trova il <strong>Blocco colonne<\/strong> dalla libreria dei blocchi di Gutenberg premendo il tasto <strong>pulsante pi\u00f9 (+)<\/strong> e aggiungerlo all'editor.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-the-Gutenberg-column-block.webp\" alt=\"Aggiungere il blocco Colonne all&#039;editor\" class=\"wp-image-435\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-the-Gutenberg-column-block.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-the-Gutenberg-column-block-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-the-Gutenberg-column-block-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-the-Gutenberg-column-block-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Selezionare la colonna a una cella tra le opzioni disponibili.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Select-the-single-cell-column-layout.png\" alt=\"Selezionare il layout della colonna a cella singola\" class=\"wp-image-1629\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Select-the-single-cell-column-layout.png 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Select-the-single-cell-column-layout-300x153.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Select-the-single-cell-column-layout-1024x522.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Select-the-single-cell-column-layout-768x392.png 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"2-step-02-add-content-blocks-to-the-column\">Passo 02: Aggiungere blocchi di contenuto alla colonna<\/h3>\n\n\n\n<p>Il blocco Colonne consente di aggiungere altri blocchi al suo interno. \u00c8 possibile aggiungere qualsiasi blocco si desideri per curare i contenuti.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-Content-Blocks-to-the-Column.png\" alt=\"Aggiungere blocchi di contenuto alla colonna\" class=\"wp-image-1630\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-Content-Blocks-to-the-Column.png 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-Content-Blocks-to-the-Column-300x153.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-Content-Blocks-to-the-Column-1024x522.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-Content-Blocks-to-the-Column-768x392.png 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Fare clic sul pulsante <strong>icona pi\u00f9 (+)<\/strong> sul blocco colonna. Si aprir\u00e0 la libreria dei blocchi di Gutenberg, dalla quale si potr\u00e0 scegliere e aggiungere il blocco <strong>blocco paragrafo<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-the-Paragraph-block-to-the-columns-block.png\" alt=\"Aggiungere il blocco Paragrafo al blocco Colonne\" class=\"wp-image-1631\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-the-Paragraph-block-to-the-columns-block.png 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-the-Paragraph-block-to-the-columns-block-300x153.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-the-Paragraph-block-to-the-columns-block-1024x522.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-the-Paragraph-block-to-the-columns-block-768x392.png 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Possiamo vedere che abbiamo gi\u00e0 aggiunto del contenuto di testo al blocco della colonna. In seguito, \u00e8 possibile aggiungere altri blocchi alle colonne come si desidera. Supponiamo di aggiungere il blocco Immagine.<\/p>\n\n\n\n<p>Fare clic sul pulsante <strong>Icona delle colonne<\/strong> sulla barra degli strumenti. Premete il tasto <strong>icona pi\u00f9 (+)<\/strong>. Trovare e selezionare la voce <strong>Blocco immagine<\/strong> dalla biblioteca.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-the-image-block-to-the-columns-block.png\" alt=\"Aggiungere il blocco immagine al blocco colonne\" class=\"wp-image-1632\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-the-image-block-to-the-columns-block.png 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-the-image-block-to-the-columns-block-300x153.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-the-image-block-to-the-columns-block-1024x522.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-the-image-block-to-the-columns-block-768x392.png 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Si pu\u00f2 notare che abbiamo aggiunto un'immagine al blocco delle colonne.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Image-added-to-the-columns-block.png\" alt=\"Immagine aggiunta al blocco colonne\" class=\"wp-image-1633\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Image-added-to-the-columns-block.png 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Image-added-to-the-columns-block-300x153.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Image-added-to-the-columns-block-1024x522.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Image-added-to-the-columns-block-768x392.png 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"3-step-03-customize-the-entire-columns-block\">Passo 03: Personalizzare l'intero blocco colonne<\/h3>\n\n\n\n<p><strong>Selezionare l'intera sezione della colonna<\/strong> facendo clic sull'icona della colonna nella barra degli strumenti. Andare alla sezione <strong>Scheda Impostazioni<\/strong>. \u00c8 possibile regolare il <strong>Larghezza<\/strong> della colonna dalla rispettiva opzione.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Customize-the-Entire-Columns-Block.png\" alt=\"Personalizzare l&#039;intero blocco colonne\" class=\"wp-image-1634\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Customize-the-Entire-Columns-Block.png 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Customize-the-Entire-Columns-Block-300x153.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Customize-the-Entire-Columns-Block-1024x522.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Customize-the-Entire-Columns-Block-768x392.png 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Successivamente, si arriva al <strong>Scheda Stili<\/strong>. \u00c8 possibile modificare il colore del testo, il colore dello sfondo, la tipografia e le dimensioni del blocco.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Stylize-the-column-block.png\" alt=\"Stilizzare il blocco colonna\" class=\"wp-image-1635\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Stylize-the-column-block.png 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Stylize-the-column-block-300x153.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Stylize-the-column-block-1024x522.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Stylize-the-column-block-768x392.png 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Scorrendo la sezione verso il basso, si avranno ulteriori opzioni per aggiungere <strong>distanza tra i blocchi<\/strong> e <strong>confine<\/strong> al blocco colonne.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-block-spacing-and-border-to-the-columns-block.png\" alt=\"Aggiungere la spaziatura del blocco e il bordo al blocco colonne\" class=\"wp-image-1636\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-block-spacing-and-border-to-the-columns-block.png 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-block-spacing-and-border-to-the-columns-block-300x153.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-block-spacing-and-border-to-the-columns-block-1024x522.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-block-spacing-and-border-to-the-columns-block-768x392.png 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_7ef4228f-ed3e-4329-8d24-eec03fe9aa6e\"><div class=\"ub_divider_wrapper\" style=\"position: relative; margin-bottom: 2px; width: 100%; height: 2px; \" data-divider-alignment=\"center\"><div class=\"ub_divider_line\" style=\"border-top: 2px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\" id=\"4-method-2-using-the-tableberg-plugin\">Metodo 2: Utilizzo del plugin TableBerg<\/h2>\n\n\n\n<p>TableBerg \u00e8 un potente plugin per la creazione di tabelle in grado di potenziare la soluzione predefinita di WordPress. Con questo plugin \u00e8 possibile creare anche dei riquadri di contenuto accattivanti. Vediamo come fare.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"5-step-01-install-and-activate-the-tableberg-plugin\">Passo 01: Installare e attivare il plugin TableBerg<\/h3>\n\n\n\n<p>Come per il metodo precedente, andare su <strong>Plugin &gt; Aggiungi nuovo plugin<\/strong>. Trova il <strong>Plugin TableBerg<\/strong> digitando il suo nome nella casella di ricerca. <strong>Installare<\/strong> e <strong>attivare<\/strong> it.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Install-and-activate-the-TableBerg-plugin.png\" alt=\"Installare e attivare il plugin TableBerg\" class=\"wp-image-156\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Install-and-activate-the-TableBerg-plugin.png 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Install-and-activate-the-TableBerg-plugin-300x153.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Install-and-activate-the-TableBerg-plugin-1024x523.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Install-and-activate-the-TableBerg-plugin-768x392.png 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"6-step-02-add-the-tableberg-block-to-the-editor\">Passo 02: Aggiungere il blocco TableBerg all'editor<\/h3>\n\n\n\n<p>Il plugin viene fornito con un blocco chiamato TableBerg. Aggiungerlo all'editor.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Find-and-add-the-TableBerg-block-to-your-Gutenberg-editor.webp\" alt=\"Trovare e aggiungere il blocco TableBerg all&#039;editor di Gutenberg\" class=\"wp-image-481\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Find-and-add-the-TableBerg-block-to-your-Gutenberg-editor.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Find-and-add-the-TableBerg-block-to-your-Gutenberg-editor-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Find-and-add-the-TableBerg-block-to-your-Gutenberg-editor-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Find-and-add-the-TableBerg-block-to-your-Gutenberg-editor-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Se si pensa di costruire una tabella, si pu\u00f2 definire qui il numero di righe e colonne, come il blocco tabella predefinito.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Select-a-row-and-columns-for-the-table.webp\" alt=\"Definire le colonne e le righe della tabella\" class=\"wp-image-1031\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Select-a-row-and-columns-for-the-table.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Select-a-row-and-columns-for-the-table-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Select-a-row-and-columns-for-the-table-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Select-a-row-and-columns-for-the-table-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Ma selezioniamo la riga 1 e la colonna 0 per creare una casella di contenuto. Si pu\u00f2 notare che il layout \u00e8 stato creato all'istante.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-Content-to-the-TableBerg-Box.png\" alt=\"Aggiungere contenuto alla casella TableBerg\" class=\"wp-image-1645\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-Content-to-the-TableBerg-Box.png 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-Content-to-the-TableBerg-Box-300x153.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-Content-to-the-TableBerg-Box-1024x522.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-Content-to-the-TableBerg-Box-768x392.png 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"7-step-03-add-content-to-the-tableberg-box\">Passo 03: Aggiungere contenuto al riquadro TableBerg<\/h3>\n\n\n\n<p>TableBerg consente di aggiungere diversi tipi di contenuto alle sue righe e colonne aggiungendo blocchi di contenuto.<\/p>\n\n\n\n<p>Una volta posizionato il cursore sulla casella, nell'angolo in basso a destra apparir\u00e0 l'opzione di blocco.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-Content-to-the-TableBerg-Box-1.png\" alt=\"Aggiungere contenuto alla casella TableBerg\" class=\"wp-image-1646\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-Content-to-the-TableBerg-Box-1.png 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-Content-to-the-TableBerg-Box-1-300x153.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-Content-to-the-TableBerg-Box-1-1024x522.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-Content-to-the-TableBerg-Box-1-768x392.png 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Selezionare uno per uno i blocchi che si desidera aggiungere al riquadro per curare i contenuti desiderati. Per prima cosa, aggiungeremo il blocco immagine.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-the-image-block.png\" alt=\"Aggiungere il blocco immagine\" class=\"wp-image-1647\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-the-image-block.png 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-the-image-block-300x153.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-the-image-block-1024x522.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-the-image-block-768x392.png 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Poi, si pu\u00f2 notare che abbiamo aggiunto un testo descrittivo del prodotto. Abbiamo aggiunto e utilizzato l'elemento <strong>Blocco di paragrafi<\/strong> per questo.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-paragraph-to-the-block.png\" alt=\"Aggiungere un paragrafo al blocco\" class=\"wp-image-1648\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-paragraph-to-the-block.png 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-paragraph-to-the-block-300x153.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-paragraph-to-the-block-1024x522.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-paragraph-to-the-block-768x392.png 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Infine, abbiamo aggiunto un pulsante CTA.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-a-CTA-button-to-the-TableBerg-box.png\" alt=\"Aggiungere un pulsante CTA al riquadro TableBerg\" class=\"wp-image-1649\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-a-CTA-button-to-the-TableBerg-box.png 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-a-CTA-button-to-the-TableBerg-box-300x153.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-a-CTA-button-to-the-TableBerg-box-1024x522.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-a-CTA-button-to-the-TableBerg-box-768x392.png 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"8-step-04-customize-the-tableberg-box\">Passo 04: personalizzare il riquadro TableBerg<\/h3>\n\n\n\n<p>\u00c8 possibile personalizzare ogni singolo blocco aggiunto al riquadro TableBerg. Successivamente, \u00e8 possibile personalizzare e stilizzare l'intero riquadro TableBerg.<\/p>\n\n\n\n<p>Non mostreremo come personalizzare i singoli blocchi, perch\u00e9 il tutorial sarebbe troppo lungo. Potete vederlo nella nostra pagina di documentazione.<\/p>\n\n\n\n<p>Selezionare l'intero riquadro facendo clic sull'icona TableBerg nella barra degli strumenti.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Customize-Settings-of-the-TableBerg-Box.png\" alt=\"Personalizzare le impostazioni della casella TableBerg\" class=\"wp-image-1650\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Customize-Settings-of-the-TableBerg-Box.png 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Customize-Settings-of-the-TableBerg-Box-300x153.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Customize-Settings-of-the-TableBerg-Box-1024x522.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Customize-Settings-of-the-TableBerg-Box-768x392.png 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Dalla scheda Impostazioni, \u00e8 possibile impostare la larghezza desiderata per il riquadro.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Customize-the-table-width.png\" alt=\"Personalizzare la larghezza della tabella\" class=\"wp-image-1651\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Customize-the-table-width.png 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Customize-the-table-width-300x153.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Customize-the-table-width-1024x522.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Customize-the-table-width-768x392.png 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Dal <strong>Scheda Stili<\/strong>\u00e8 possibile personalizzare il colore di sfondo, il padding, il margine e lo spazio del riquadro.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"655\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Customize-the-content-box.webp\" alt=\"Personalizzare la casella di contenuto\" class=\"wp-image-1652\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Customize-the-content-box.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Customize-the-content-box-300x154.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Customize-the-content-box-1024x524.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Customize-the-content-box-768x393.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>\u00c8 quindi possibile creare una casella di contesto con il plugin TableBerg.<\/p>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_2e72e3e8-3320-48be-b190-44b2a8e835a7\"><div class=\"ub_divider_wrapper\" style=\"position: relative; margin-bottom: 2px; width: 100%; height: 2px; \" data-divider-alignment=\"center\"><div class=\"ub_divider_line\" style=\"border-top: 2px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\" id=\"9-method-3-using-the-ultimate-blocks-plugin\">Metodo 3: Utilizzo del plugin Ultimate Blocks<\/h2>\n\n\n\n<p>Ultimate Blocks \u00e8 un promettente plugin per il content marketing con 25+ blocchi personalizzati per potenziare l'editor Gutenberg. Ha diversi blocchi straordinari con i quali \u00e8 possibile creare ulteriori riquadri di contenuto di bell'aspetto sul proprio sito.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"10-step-01-install-and-activate-the-ultimate-blocks-plugin\">Passo 01: Installare e attivare il plugin Ultimate Blocks<\/h3>\n\n\n\n<p>Vai a <strong>Plugin &gt; Aggiungi nuovo plugin<\/strong>. Trova il <strong>Plugin Ultimate Blocks<\/strong> digitando il suo nome nella casella di ricerca. <strong>Installare<\/strong> e <strong>attivare<\/strong> una volta che il plugin viene visualizzato di seguito.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"655\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Install-and-activate-the-Ultimate-Blocks-plugin.webp\" alt=\"Installare e attivare il plugin Ultimate Blocks\" class=\"wp-image-456\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Install-and-activate-the-Ultimate-Blocks-plugin.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Install-and-activate-the-Ultimate-Blocks-plugin-300x154.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Install-and-activate-the-Ultimate-Blocks-plugin-1024x524.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Install-and-activate-the-Ultimate-Blocks-plugin-768x393.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"11-step-02-add-the-styled-box-block-of-the-plugin-to-your-gutenberg-editor\">Passo 02: Aggiungere il blocco Styled Box del plugin all'editor Gutenberg<\/h3>\n\n\n\n<p>Il plugin Ultimate Blocks include un blocco dedicato chiamato <strong>Scatola in stile<\/strong> per creare caselle di contenuto. Trovarlo e aggiungerlo all'editor.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-the-Styled-Block-of-the-Plugin-to-Your-Gutenberg-Editor.png\" alt=\"Aggiungere il blocco stilizzato del plugin all&#039;editor Gutenberg\" class=\"wp-image-1637\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-the-Styled-Block-of-the-Plugin-to-Your-Gutenberg-Editor.png 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-the-Styled-Block-of-the-Plugin-to-Your-Gutenberg-Editor-300x153.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-the-Styled-Block-of-the-Plugin-to-Your-Gutenberg-Editor-1024x522.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-the-Styled-Block-of-the-Plugin-to-Your-Gutenberg-Editor-768x392.png 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Il blocco offre quattro tipi di caselle. Scegliete quello che preferite per visualizzare il vostro messaggio. Ognuno di essi ha una serie di funzionalit\u00e0 uniche.<\/p>\n\n\n\n<p>Per l'esercitazione, selezioneremo l'opzione <strong>Scatola delle caratteristiche<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Styled-boxes.png\" alt=\"Scatole in stile\" class=\"wp-image-1638\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Styled-boxes.png 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Styled-boxes-300x153.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Styled-boxes-1024x522.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Styled-boxes-768x392.png 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>La casella delle caratteristiche consente di aggiungere un'immagine, un titolo e una descrizione. Spero che possiate farli da soli.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Things-you-can-add-to-the-feature-box.png\" alt=\"Cose che si possono aggiungere al riquadro delle caratteristiche\" class=\"wp-image-1639\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Things-you-can-add-to-the-feature-box.png 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Things-you-can-add-to-the-feature-box-300x153.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Things-you-can-add-to-the-feature-box-1024x522.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Things-you-can-add-to-the-feature-box-768x392.png 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"12-step-03-add-content-to-the-block\">Passo 03: Aggiungere contenuto al blocco<\/h3>\n\n\n\n<p>Per impostazione predefinita, il blocco consente di visualizzare un prodotto e di descriverne le caratteristiche. Tuttavia, \u00e8 possibile aggiungere e visualizzare pi\u00f9 prodotti con il blocco. <strong>Selezionare il tipo di colonna<\/strong> si vuole definire il numero di prodotti da visualizzare.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"652\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Select-the-column-type.png\" alt=\"Selezionare il tipo di colonna\" class=\"wp-image-1640\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Select-the-column-type.png 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Select-the-column-type-300x153.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Select-the-column-type-1024x522.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Select-the-column-type-768x391.png 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>A questo punto, aggiungere contenuti alle opzioni visualizzate all'interno del campo <strong>Blocco Box stilizzato<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-content-to-the-styled-box-block.png\" alt=\"Aggiungere contenuto al blocco box stilizzato\" class=\"wp-image-1641\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-content-to-the-styled-box-block.png 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-content-to-the-styled-box-block-300x153.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-content-to-the-styled-box-block-1024x522.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-content-to-the-styled-box-block-768x392.png 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Si pu\u00f2 notare che abbiamo aggiunto del contenuto al blocco.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Content-added-to-the-styled-box-block.png\" alt=\"Contenuto aggiunto al blocco box stilizzato\" class=\"wp-image-1642\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Content-added-to-the-styled-box-block.png 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Content-added-to-the-styled-box-block-300x153.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Content-added-to-the-styled-box-block-1024x522.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Content-added-to-the-styled-box-block-768x392.png 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"13-step-04-customize-and-stylize-the-styled-box-block\">Passo 04: Personalizzare e stilizzare il blocco box stilizzato<\/h3>\n\n\n\n<p>Venite al <strong>Scheda Impostazioni<\/strong>. Dal <strong>Selezionare l'opzione Modalit\u00e0<\/strong>\u00c8 possibile cambiare il riquadro delle caratteristiche con altri riquadri in stile, come quelli mostrati sopra, come il riquadro delle notifiche, il riquadro con i bordi e il riquadro con i numeri.<\/p>\n\n\n\n<p>Dopo di che, dal <strong>Opzione Controllo reattivo<\/strong>\u00e8 possibile nascondere il blocco da un particolare tipo di dispositivo.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Customize-the-Styled-Box-block.png\" alt=\"Personalizzare il blocco Casella stilizzata\" class=\"wp-image-1643\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Customize-the-Styled-Box-block.png 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Customize-the-Styled-Box-block-300x153.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Customize-the-Styled-Box-block-1024x522.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Customize-the-Styled-Box-block-768x392.png 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Successivamente, si arriva al <strong>Scheda Stili<\/strong>. \u00c8 possibile modificare il <strong>Imbottitura<\/strong> e <strong>Margine<\/strong> del blocco da questa scheda.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Stylize-the-Styled-box-block.png\" alt=\"Stilizzare il blocco casella stilizzata\" class=\"wp-image-1644\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Stylize-the-Styled-box-block.png 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Stylize-the-Styled-box-block-300x153.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Stylize-the-Styled-box-block-1024x522.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Stylize-the-Styled-box-block-768x392.png 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Pertanto, \u00e8 possibile creare un riquadro di contenuto utilizzando il plugin Ultimate Blocks.<\/p>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_61102040-edd2-4f4b-9e13-dd2f6cb65bdb\"><div class=\"ub_divider_wrapper\" style=\"position: relative; margin-bottom: 2px; width: 100%; height: 2px; \" data-divider-alignment=\"center\"><div class=\"ub_divider_line\" style=\"border-top: 2px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div>\n\n\n<h3 class=\"wp-block-heading\" id=\"14-finishing-notes\">Note di finitura!<\/h3>\n\n\n\n<p>Ultimate Blocks e TableBerg sono due plugin multifunzionali che mirano a rivoluzionare il sistema Gutenberg, consentendo agli utenti di creare facilmente contenuti sofisticati. <\/p>\n\n\n\n<p>TableBerg \u00e8 ancora in fase di sviluppo e promette di offrire presto molte funzioni avanzate. D'altra parte, Ultimate Blocks \u00e8 gi\u00e0 un plugin popolare utilizzato da oltre 60.000 siti web in tutto il mondo.<\/p>\n\n\n\n<p>Se avete domande su di essi, sentitevi liberi di porcele in qualsiasi momento attraverso il box dei commenti.<\/p>\n\n\n\n<p><strong>Leggi anche: <\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/tableberg.com\/it\/i-migliori-plugin-per-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">I migliori plugin per scatole di WordPress<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/tableberg.com\/it\/come-creare-caselle-di-testo-in-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">Come creare caselle di testo in WordPress<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/tableberg.com\/it\/come-creare-box-informativi-in-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">Come creare splendidi riquadri informativi in WordPress<\/a><\/li>\n<\/ul>","protected":false},"excerpt":{"rendered":"<p>A content box is a visually distinct container by which you can frame specific content that makes it stand out from the rest. It helps you highlight key feature information or special announcements, drawing users\u2019 attention to important details. Content boxes are suitable to showcase call-to-action sections, testimonials, reviews, and key features of products or [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":8203,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[7],"tags":[87,38],"class_list":["post-1612","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to","tag-content-box","tag-content-presentation"],"featured_image_src":"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/How-to-Create-Content-Boxes-in-WordPress.png","author_info":{"display_name":"Istiak Rayhan","author_link":"https:\/\/tableberg.com\/it\/author\/wpx_irayhan\/"},"_links":{"self":[{"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/posts\/1612","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/comments?post=1612"}],"version-history":[{"count":4,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/posts\/1612\/revisions"}],"predecessor-version":[{"id":8206,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/posts\/1612\/revisions\/8206"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/media\/8203"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/media?parent=1612"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/categories?post=1612"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/tags?post=1612"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}