{"id":1340,"date":"2024-05-11T17:08:03","date_gmt":"2024-05-11T17:08:03","guid":{"rendered":"https:\/\/tableberg.com\/?post_type=docs&#038;p=1340"},"modified":"2024-06-22T23:07:46","modified_gmt":"2024-06-22T23:07:46","password":"","slug":"come-aggiungere-elenchi-stilizzati-nelle-tabelle-di-wordpress","status":"publish","type":"docs","link":"https:\/\/tableberg.com\/it\/docs\/how-to-add-styled-lists-in-wordpress-tables\/","title":{"rendered":"Blocco elenco stilizzato"},"content":{"rendered":"<p>Il blocco Elenco stilizzato consente di presentare le informazioni in modo visivamente accattivante e digeribile per i lettori. Questo blocco viene utilizzato in varie sezioni di un sito web per spiegare le caratteristiche dei prodotti, i vantaggi, le offerte di servizi e altro ancora.<\/p>\n\n\n\n<p>\u00c8 possibile aggiungere questo blocco anche alle tabelle di WordPress per creare confronti, specifiche e altri tipi di tabelle. In questo documento, vi mostreremo come aggiungere elenchi stilizzati nelle tabelle di WordPress, utilizzando il blocco <a href=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" target=\"_blank\" rel=\"noopener nofollow\" title=\"TavoloBerg\">TavoloBerg<\/a> plugin.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Passo 01: Aggiungere il blocco elenco stilizzato alla tabella<\/h2>\n\n\n\n<p>Supponiamo di mostrare le caratteristiche di un prodotto in una tabella utilizzando il blocco. Posizionare il cursore sulla cella in cui si desidera aggiungere il blocco.<\/p>\n\n\n\n<p>Colpire il <strong>pulsante pi\u00f9 (+)<\/strong> e trovare il <strong>Blocco elenco stilizzato<\/strong>. Aggiungere il blocco alla cella.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-the-Styled-List-Block-to-the-Table.webp\" alt=\"Aggiungere il blocco elenco stilizzato alla tabella\" class=\"wp-image-1341\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-the-Styled-List-Block-to-the-Table.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-the-Styled-List-Block-to-the-Table-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-the-Styled-List-Block-to-the-Table-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-the-Styled-List-Block-to-the-Table-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Il <strong>Blocco elenco stilizzato<\/strong> sar\u00e0 aggiunto alla cella in un secondo.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/The-Styled-List-block-is-added.webp\" alt=\"Viene aggiunto il blocco Elenco stilizzato\" class=\"wp-image-1342\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/The-Styled-List-block-is-added.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/The-Styled-List-block-is-added-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/The-Styled-List-block-is-added-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/The-Styled-List-block-is-added-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Passo 02: Configurare le impostazioni del blocco elenco stilizzato<\/h2>\n\n\n\n<p>Prima di aggiungere il contenuto, \u00e8 possibile modificare le impostazioni dell'opzione <strong>Blocco elenco stilizzato<\/strong>. \u00c8 possibile modificare il <strong>Rientro degli elementi dell'elenco, spaziatura degli elementi,<\/strong> e <strong>allineamento verticale<\/strong>. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"523\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Configure-Settings-of-the-Styled-List-Block-1024x523.webp\" alt=\"\" class=\"wp-image-1343\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Configure-Settings-of-the-Styled-List-Block-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Configure-Settings-of-the-Styled-List-Block-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Configure-Settings-of-the-Styled-List-Block-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Configure-Settings-of-the-Styled-List-Block.webp 1280w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Il plugin TableBerg include <strong>270+ icone<\/strong> per il blocco Elenco stili. Per modificare l'icona dell'elenco, fare clic accanto alla voce <strong>Selezionare l'opzione Icona<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"523\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Change-icon-for-the-Style-List-block-1024x523.webp\" alt=\"\" class=\"wp-image-1344\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Change-icon-for-the-Style-List-block-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Change-icon-for-the-Style-List-block-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Change-icon-for-the-Style-List-block-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Change-icon-for-the-Style-List-block.webp 1280w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Selezionare un'icona per il blocco Elenco stilizzato dalla raccolta. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Select-an-icon-for-the-Styled-List-block-from-the-collection.webp\" alt=\"Selezionare un&#039;icona per il blocco Elenco stilizzato dalla collezione\" class=\"wp-image-1345\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Select-an-icon-for-the-Styled-List-block-from-the-collection.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Select-an-icon-for-the-Styled-List-block-from-the-collection-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Select-an-icon-for-the-Styled-List-block-from-the-collection-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Select-an-icon-for-the-Styled-List-block-from-the-collection-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>\u00c8 inoltre possibile impostare il valore <strong>dimensione delle icone, spaziatura delle icone,<\/strong> e <strong>dimensione del carattere<\/strong> per il blocco Elenco stilizzato.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Set-icon-size-and-spacing-for-the-Styled-List-block.webp\" alt=\"Impostare la dimensione e la spaziatura delle icone per il blocco Elenco stilizzato\" class=\"wp-image-1346\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Set-icon-size-and-spacing-for-the-Styled-List-block.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Set-icon-size-and-spacing-for-the-Styled-List-block-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Set-icon-size-and-spacing-for-the-Styled-List-block-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Set-icon-size-and-spacing-for-the-Styled-List-block-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Passo 03: Aggiungere contenuto al blocco elenco stilizzato<\/h2>\n\n\n\n<p>A questo punto, aggiungere il contenuto dell'elenco desiderato al blocco Elenco stilizzato.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-Content-to-the-Styled-List-Block.webp\" alt=\"Aggiungere contenuto al blocco elenco stilizzato\" class=\"wp-image-1347\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-Content-to-the-Styled-List-Block.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-Content-to-the-Styled-List-Block-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-Content-to-the-Styled-List-Block-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-Content-to-the-Styled-List-Block-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Passo 04: stilizzare il blocco elenco stilizzato<\/h2>\n\n\n\n<p>Vai al sito <strong>Scheda stilizzata<\/strong>. Sono disponibili opzioni per la personalizzazione del <strong>icona<\/strong> e <strong>colore del testo<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Edit-Post-Practice-for-Doc-Writing-Dont-Touch-\u2039-Tableberg-\u2014-WordPress.webp\" alt=\"Freccia Shottr\" class=\"wp-image-1348\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Edit-Post-Practice-for-Doc-Writing-Dont-Touch-\u2039-Tableberg-\u2014-WordPress.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Edit-Post-Practice-for-Doc-Writing-Dont-Touch-\u2039-Tableberg-\u2014-WordPress-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Edit-Post-Practice-for-Doc-Writing-Dont-Touch-\u2039-Tableberg-\u2014-WordPress-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Edit-Post-Practice-for-Doc-Writing-Dont-Touch-\u2039-Tableberg-\u2014-WordPress-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Seguendo la stessa procedura, \u00e8 possibile aggiungere il blocco Elenco stilizzato anche alle altre righe della tabella. Spero che possiate farlo da soli.<\/p>\n\n\n\n<p>Ora, prima di lasciare la documentazione, dedicare qualche minuto a esplorare questo documento su <a href=\"https:\/\/tableberg.com\/it\/documenti\/tableberg-one\/tavolo-di-lavoro\/come-aggiungere-una-valutazione-a-stelle-in-wordpress\/\" target=\"_blank\" rel=\"noopener\" title=\"come aggiungere le valutazioni a stelle nelle tabelle di WordPress\">come aggiungere le valutazioni a stelle nelle tabelle di WordPress<\/a>.<\/p>\n\n\n\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>The Styled List block allows you to present your information in a visually appealing way that readers can digest. This block is used in various sections of a website to explain product features, benefits, service offerings, and more. You can add this block to WordPress tables as well to create comparisons, specifications, and other type [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"_eb_attr":"","footnotes":""},"doc_category":[94],"doc_tag":[46,77],"class_list":["post-1340","docs","type-docs","status-publish","hentry","doc_category-sub-blocks","doc_tag-list-block","doc_tag-styled-list"],"year_month":"2026-04","word_count":312,"total_views":0,"reactions":{"happy":0,"normal":0,"sad":0},"author_info":{"name":"Istiak Rayhan","author_nicename":"wpx_irayhan","author_url":"https:\/\/tableberg.com\/it\/author\/wpx_irayhan\/"},"doc_category_info":[{"term_name":"Sub-Blocks","term_url":"https:\/\/tableberg.com\/it\/docs-category\/sub-blocks\/"}],"doc_tag_info":[{"term_name":"List Block","term_url":"https:\/\/tableberg.com\/it\/docs-tag\/list-block\/"},{"term_name":"Styled List","term_url":"https:\/\/tableberg.com\/it\/docs-tag\/styled-list\/"}],"_links":{"self":[{"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/docs\/1340","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/types\/docs"}],"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=1340"}],"version-history":[{"count":2,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/docs\/1340\/revisions"}],"predecessor-version":[{"id":1824,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/docs\/1340\/revisions\/1824"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/media?parent=1340"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/doc_category?post=1340"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/doc_tag?post=1340"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}