{"id":3055,"date":"2025-03-23T12:34:59","date_gmt":"2025-03-23T12:34:59","guid":{"rendered":"https:\/\/wptablebuilder.com\/?post_type=docs&#038;p=3055"},"modified":"2026-11-13T14:14:12","modified_gmt":"2026-11-13T14:14:12","password":"","slug":"lista-strutturata","status":"publish","type":"docs","link":"https:\/\/wptablebuilder.com\/it\/docs\/styled-list\/","title":{"rendered":"Elemento Styled List in WP Table Builder (Pro)"},"content":{"rendered":"<div class=\"wp-block-group has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-d5c0682e wp-block-group-is-layout-constrained\" style=\"border-top-left-radius:0px;border-top-right-radius:6px;border-bottom-left-radius:0px;border-bottom-right-radius:6px;border-left-color:#2563eb;border-left-width:3px;background-color:#f4f7fb;margin-bottom:14px;padding-top:20px;padding-right:24px;padding-bottom:20px;padding-left:24px\">\n<p class=\"has-text-color wp-block-paragraph\" style=\"color:#2563eb;margin-top:0;margin-bottom:10px;font-size:11px;font-style:normal;font-weight:600;letter-spacing:0.08em;text-transform:uppercase\">Risposta rapida<\/p>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"margin-top:0;margin-bottom:14px;font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.106), 15px);line-height:1.65\">L\u2019elemento Styled List \u00e8 un elenco con un\u2019icona personalizzata per ogni voce, come spunte verdi o croci rosse. Trascina <strong>Elenco stilizzato<\/strong> in una cella, scrivi le voci, imposta spaziatura e allineamento in <strong>Layout<\/strong>, l\u2019icona predefinita in <strong>Icona<\/strong> e lo stile del testo in <strong>Font<\/strong>. Fai clic su una singola voce per darle un\u2019icona, un colore o un tooltip propri. \u00c8 un elemento di WP Table Builder Pro.<\/p>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Gli elenchi stilizzati sono ideali per pro e contro, checklist di funzionalit\u00e0 e caratteristiche dei piani nelle tabelle prezzi.<\/p>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_94303f12-3c1d-4933-9162-ff66b45d5ba2\"><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: 1px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\">Requisiti<\/h2>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>Voce<\/th><th>Dettagli<\/th><\/tr><\/thead><tbody><tr><td><strong>Piano<\/strong><\/td><td><a href=\"https:\/\/wptablebuilder.com\/it\/prezzi\/\">WP Table Builder Pro<\/a><\/td><\/tr><tr><td><strong>Dove<\/strong><\/td><td><strong>Elementi<\/strong> (scheda) del builder, <strong>Pro<\/strong> (gruppo)<\/td><\/tr><tr><td><strong>Tempo necessario<\/strong><\/td><td>Circa 1 minuto<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_e746ae2a-8a68-4ad7-b204-af00dc218ca6\"><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: 1px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\">Come aggiungere l\u2019elemento Styled List<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Apri la tabella nel builder e fai clic su <strong>Elementi<\/strong> .<\/li>\n\n\n\n<li>Trascina <strong>Elenco stilizzato<\/strong> in una cella, oppure digita <code>styled list<\/code> in <strong>Search elements<\/strong> prima.<\/li>\n\n\n\n<li>Fai clic sull\u2019elemento per aprire le sue impostazioni nel pannello a sinistra.<\/li>\n\n\n\n<li>Fai clic su <strong>Save<\/strong> quando hai finito.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1440\" height=\"722\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-styled-list-settings.jpg\" alt=\"Impostazioni Styled List di WP Table Builder con le schede Layout, Icon e Font e un elenco con spunte nella tabella\" class=\"wp-image-24341\" srcset=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-styled-list-settings.jpg 1440w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-styled-list-settings-300x150.jpg 300w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-styled-list-settings-1024x513.jpg 1024w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-styled-list-settings-768x385.jpg 768w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-styled-list-settings-18x9.jpg 18w\" sizes=\"auto, (max-width: 1440px) 100vw, 1440px\" \/><\/figure>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_8ec0fdc9-1ba4-45fe-a1be-2686ba1b312a\"><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: 1px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\">Impostazioni di Styled List<\/h2>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>Impostazione<\/th><th>Cosa fa<\/th><\/tr><\/thead><tbody><tr><td><strong>Layout: Icon Spacing, Item Spacing, List Alignment<\/strong><\/td><td>Spaziatura e allineamento<\/td><\/tr><tr><td><strong>Icon: List Icon, Icon Size, Icon Color<\/strong><\/td><td>Icona predefinita per tutte le voci<\/td><\/tr><tr><td><strong>Font: Text Color, Font Size<\/strong><\/td><td>Stile del testo<\/td><\/tr><tr><td><strong>Item: Text Color, Icon, Icon Color<\/strong><\/td><td>Personalizzazione di una singola voce<\/td><\/tr><tr><td><strong>Item: Tooltip Text, Tooltip Position<\/strong><\/td><td>Un tooltip al passaggio del mouse (Top, Bottom, Left o Right)<\/td><\/tr><tr><td><strong>Padding \/ Margin<\/strong><\/td><td>Spacing<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_90d54797-28a2-4019-9e3e-9d1bdd8c1b3d\"><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: 1px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\">Domande frequenti<\/h2>\n\n\n<div class=\"wp-block-ub-content-toggle wp-block-ub-content-toggle-block\" id=\"ub-content-toggle-block-a33bc951-ee12-4991-9c2f-caa6b30057de\" data-mobilecollapse=\"false\" data-desktopcollapse=\"true\" data-preventcollapse=\"false\" data-showonlyone=\"false\">\n<div class=\"wp-block-ub-content-toggle-accordion\" style=\"border-color: #f1f1f1; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; \" id=\"ub-content-toggle-panel-block-\">\n\t\t\t<div class=\"wp-block-ub-content-toggle-accordion-title-wrap\" style=\"background-color: #f1f1f1;\" aria-controls=\"ub-content-toggle-panel-0-a33bc951-ee12-4991-9c2f-caa6b30057de\" tabindex=\"0\">\n\t\t\t<p class=\"wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-a33bc951-ee12-4991-9c2f-caa6b30057de\" style=\"color: #000000; \"><strong>Come creo un elenco di pro e contro in una tabella?<\/strong><\/p>\n\t\t\t<div class=\"wp-block-ub-content-toggle-accordion-toggle-wrap right\" style=\"color: #000000;\"><span class=\"wp-block-ub-content-toggle-accordion-state-indicator wp-block-ub-chevron-down open\"><\/span><\/div>\n\t\t<\/div>\n\t\t\t<div role=\"region\" aria-expanded=\"true\" class=\"wp-block-ub-content-toggle-accordion-content-wrap\" id=\"ub-content-toggle-panel-0-a33bc951-ee12-4991-9c2f-caa6b30057de\">\n\n<p class=\"wp-block-paragraph\">Usa due elementi Styled List (Pro): uno con spunte verdi per i pro e uno con croci rosse per i contro.<\/p>\n\n<\/div>\n\t\t<\/div>\n\n<div class=\"wp-block-ub-content-toggle-accordion\" style=\"border-color: #f1f1f1; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; \" id=\"ub-content-toggle-panel-block-\">\n\t\t\t<div class=\"wp-block-ub-content-toggle-accordion-title-wrap\" style=\"background-color: #f1f1f1;\" aria-controls=\"ub-content-toggle-panel-1-a33bc951-ee12-4991-9c2f-caa6b30057de\" tabindex=\"0\">\n\t\t\t<p class=\"wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-a33bc951-ee12-4991-9c2f-caa6b30057de\" style=\"color: #000000; \"><strong>Ogni voce pu\u00f2 avere un\u2019icona diversa?<\/strong><\/p>\n\t\t\t<div class=\"wp-block-ub-content-toggle-accordion-toggle-wrap right\" style=\"color: #000000;\"><span class=\"wp-block-ub-content-toggle-accordion-state-indicator wp-block-ub-chevron-down\"><\/span><\/div>\n\t\t<\/div>\n\t\t\t<div role=\"region\" aria-expanded=\"false\" class=\"wp-block-ub-content-toggle-accordion-content-wrap ub-hide\" id=\"ub-content-toggle-panel-1-a33bc951-ee12-4991-9c2f-caa6b30057de\">\n\n<p class=\"wp-block-paragraph\">S\u00ec. Seleziona una voce e scegli il suo Icon e Icon Color.<\/p>\n\n<\/div>\n\t\t<\/div>\n<\/div>\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_5f3b01e6-1949-44cb-996a-6848593eb638\"><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: 1px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\">Documenti correlati<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/wptablebuilder.com\/it\/documenti\/lista\/\">Elemento List in WP Table Builder<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wptablebuilder.com\/it\/documenti\/icone\/\">Elemento Icon in WP Table Builder (Pro)<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wptablebuilder.com\/it\/documenti\/elements-overview\/\">Elementi di WP Table Builder: panoramica dei 14 elementi<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wptablebuilder.com\/it\/documenti\/free-vs-pro\/\">WP Table Builder gratuito vs Pro: confronto completo delle funzionalit\u00e0<\/a><\/li>\n<\/ul>","protected":false},"excerpt":{"rendered":"<p>Lists with a custom icon per item, colors and tooltips (Pro).<\/p>","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[15],"doc_tag":[],"class_list":["post-3055","docs","type-docs","status-publish","hentry","doc_category-elements"],"year_month":"2026-11","word_count":264,"total_views":"21","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"name":"Istiak Rayhan","author_nicename":"wpx_roadtobl","author_url":"https:\/\/wptablebuilder.com\/it\/author\/wpx_roadtobl\/"},"doc_category_info":[{"term_name":"Elements","term_url":"https:\/\/wptablebuilder.com\/it\/docs-category\/elements\/"}],"doc_tag_info":[],"_links":{"self":[{"href":"https:\/\/wptablebuilder.com\/it\/wp-json\/wp\/v2\/docs\/3055","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wptablebuilder.com\/it\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/wptablebuilder.com\/it\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/wptablebuilder.com\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wptablebuilder.com\/it\/wp-json\/wp\/v2\/comments?post=3055"}],"version-history":[{"count":1,"href":"https:\/\/wptablebuilder.com\/it\/wp-json\/wp\/v2\/docs\/3055\/revisions"}],"predecessor-version":[{"id":24353,"href":"https:\/\/wptablebuilder.com\/it\/wp-json\/wp\/v2\/docs\/3055\/revisions\/24353"}],"wp:attachment":[{"href":"https:\/\/wptablebuilder.com\/it\/wp-json\/wp\/v2\/media?parent=3055"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/wptablebuilder.com\/it\/wp-json\/wp\/v2\/doc_category?post=3055"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/wptablebuilder.com\/it\/wp-json\/wp\/v2\/doc_tag?post=3055"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}