{"id":3044,"date":"2025-03-23T08:35:04","date_gmt":"2025-03-23T08:35:04","guid":{"rendered":"https:\/\/wptablebuilder.com\/?post_type=docs&#038;p=3044"},"modified":"2025-03-23T08:35:08","modified_gmt":"2025-03-23T08:35:08","password":"","slug":"text-icon-pro","status":"publish","type":"docs","link":"https:\/\/wptablebuilder.com\/it\/docs\/text-icon-pro\/","title":{"rendered":"Icona di Testo (Pro)"},"content":{"rendered":"<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2020\/12\/Text_Icon_WPTB_Docs-1024x576.png\" alt=\"\" class=\"wp-image-3447\" srcset=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2020\/12\/Text_Icon_WPTB_Docs-1024x576.png 1024w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2020\/12\/Text_Icon_WPTB_Docs-300x169.png 300w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2020\/12\/Text_Icon_WPTB_Docs-768x432.png 768w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2020\/12\/Text_Icon_WPTB_Docs.png 1280w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Le icone sono belle e accattivanti. Ci\u00f2 che rende un'icona pi\u00f9 interessante \u00e8 avere un testo al suo interno.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">S\u00ec, il testo accompagnato da un'icona rende le cose pi\u00f9 attraenti e comprensibili. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">WP Table Builder Pro offre un elemento chiamato \u2018Text Icon\u2019 che consente di aggiungere testo accanto a un\u2019icona. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1064\" height=\"756\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-23_13-53-49.gif\" alt=\"\" class=\"wp-image-20812\" style=\"border-width:1px;border-radius:3px\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Vediamo come aggiungere un \u2018Icona Text\u2019 a una tabella. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Opzioni per gli iconi dei testi<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">L'elemento Text Icon offre diverse funzioni per rendere le vostre icone di testo davvero straordinarie. Le opzioni per i Text Icon sono suddivise in tre sezioni: Generale, Testo e Icone.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Vediamoli uno per uno.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Generale<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Nella scheda Generale troverete le opzioni principali.&nbsp;<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Spaziatura degli icone<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Questa opzione consente di regolare lo spazio tra l'icona e il testo. Il valore di input \u00e8 basato su pixel. In primo luogo, s<strong>scegliere l'elemento Text Icon nella tabella<\/strong> <strong>(1)<\/strong> e utilizzare il <strong>slider dello spazio tra gli iconi per regolare lo spazio tra<\/strong> il testo e l'icona <strong>(2)<\/strong>. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"912\" height=\"494\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-23_13-55-38.png\" alt=\"\" class=\"wp-image-20813\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-23_13-55-38.png 912w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-23_13-55-38-300x163.png 300w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-23_13-55-38-768x416.png 768w\" sizes=\"auto, (max-width: 912px) 100vw, 912px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h4 class=\"wp-block-heading has-text-align-left\">Allineamento della lista<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Qui \u00e8 possibile selezionare l'allineamento del contenuto e degli iconi. Per impostazione predefinita, l'allineamento degli elementi \u00e8 sempre allineato a sinistra. \u00c8 possibile modificare l'allineamento del contenuto e degli iconi. Selezionare <strong>Elemento con il simbolo di testo<\/strong> Nella tabella <strong>(1) <\/strong>e poi <strong>modificare l'allineamento dall'opzione Allineamento elenco (2)<\/strong>. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"967\" height=\"614\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-23_14-00-12-2.png\" alt=\"\" class=\"wp-image-20816\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-23_14-00-12-2.png 967w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-23_14-00-12-2-300x190.png 300w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-23_14-00-12-2-768x488.png 768w\" sizes=\"auto, (max-width: 967px) 100vw, 967px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Testo<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">La scheda \"Testo\" include opzioni per la dimensione dei caratteri e il colore del testo. <\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Colore del testo<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Qui avrai la possibilit\u00e0 di impostare la dimensione del carattere e il colore del testo. Inserisci il colore del testo nel codice hex o seleziona il colore personalizzato tramite la finestra dei colori. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"545\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-23_14-05-35-1024x545.png\" alt=\"\" class=\"wp-image-20817\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-23_14-05-35-1024x545.png 1024w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-23_14-05-35-300x160.png 300w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-23_14-05-35-768x409.png 768w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-23_14-05-35.png 1124w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Dimensione della fonte<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Definite la dimensione della font desiderata tramite l'opzione \"Dimensioni font\".\u00a0<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"926\" height=\"518\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-23_14-07-30.png\" alt=\"\" class=\"wp-image-20818\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-23_14-07-30.png 926w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-23_14-07-30-300x168.png 300w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-23_14-07-30-768x430.png 768w\" sizes=\"auto, (max-width: 926px) 100vw, 926px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Icon Tab<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">La scheda Icone contiene le impostazioni relative all'icona e alla decorazione dell'icona.&nbsp;<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Icona della lista<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">\u00c8 possibile cambiare l'icona dell'elemento List Icon specificato utilizzando l'opzione. <strong>Selezionare l'elemento<\/strong> <strong>(1)<\/strong>, <strong>fare clic sull'icona della Lista (2) e scegliere l'icona desiderata (3). <\/strong> <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"922\" height=\"536\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-23_14-22-32.png\" alt=\"\" class=\"wp-image-20819\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-23_14-22-32.png 922w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-23_14-22-32-300x174.png 300w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-23_14-22-32-768x446.png 768w\" sizes=\"auto, (max-width: 922px) 100vw, 922px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Dimensione dell'icona<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Con questa opzione \u00e8 possibile ridurre o aumentare le dimensioni delle icone. La dimensione viene indicata in pixel.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1002\" height=\"616\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-23_14-26-00.png\" alt=\"\" class=\"wp-image-20820\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-23_14-26-00.png 1002w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-23_14-26-00-300x184.png 300w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-23_14-26-00-768x472.png 768w\" sizes=\"auto, (max-width: 1002px) 100vw, 1002px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Colore dell'icona&nbsp;<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">\u00c8 possibile selezionare i colori degli iconi per rendere il contenuto del grafico pi\u00f9 accattivante. \u00c8 possibile scegliere il colore dell\u2019icona inserendo un codice hex o selezionando il colore dalla finestra dei colori.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"640\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-23_14-28-41.gif\" alt=\"\" class=\"wp-image-20821\" style=\"border-width:1px;border-radius:3px\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Posizione dell'icona<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Impostate il <strong>La posizione dell'icona<\/strong> o entrambe <strong>Dopo il testo o prima del testo<\/strong>. Se desideri posizionare l'icona prima del testo, scegli la posizione dell'icona sulla sinistra. Se desideri posizionarla dopo il testo, scegli quella sulla destra. <strong>Per impostazione predefinita, l'icona viene posizionata prima del testo<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"992\" height=\"572\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-23_14-33-10.gif\" alt=\"\" class=\"wp-image-20822\" style=\"border-width:1px;border-radius:3px\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Speriamo che questa documentazione vi abbia aiutato a comprendere le funzionalit\u00e0 di questo elemento professionale di WP Table Builder.\u00a0<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Fateci sapere cosa ne pensate e quali sono le vostre domande nel box dei commenti.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>","protected":false},"excerpt":{"rendered":"<p>Icons are beautiful and eye-catching. What makes an icon more interesting is having text with it. Yes, text with an icon makes things more attractive and understandable. WP Table Builder Pro offers an element called &#8216;Text Icon&#8217; that lets you add text beside an icon. Let&#8217;s see how to add &#8216;Text Icon&#8217; to a table. [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[15],"doc_tag":[],"class_list":["post-3044","docs","type-docs","status-publish","hentry","doc_category-elements"],"year_month":"2026-10","word_count":439,"total_views":"16","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"name":"Ankur Raz Bongshi","author_nicename":"rajankur003","author_url":"https:\/\/wptablebuilder.com\/it\/author\/rajankur003\/"},"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\/3044","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\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/wptablebuilder.com\/it\/wp-json\/wp\/v2\/comments?post=3044"}],"version-history":[{"count":0,"href":"https:\/\/wptablebuilder.com\/it\/wp-json\/wp\/v2\/docs\/3044\/revisions"}],"wp:attachment":[{"href":"https:\/\/wptablebuilder.com\/it\/wp-json\/wp\/v2\/media?parent=3044"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/wptablebuilder.com\/it\/wp-json\/wp\/v2\/doc_category?post=3044"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/wptablebuilder.com\/it\/wp-json\/wp\/v2\/doc_tag?post=3044"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}