{"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\/es\/docs\/text-icon-pro\/","title":{"rendered":"Icono de texto (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\">Las im\u00e1genes son bonitas y llamativas. Lo que hace que una imagen sea m\u00e1s interesante es que tenga texto junto a ella.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">S\u00ed, el texto acompa\u00f1ado de un icono lo hace m\u00e1s atractivo y comprensible. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">WP Table Builder Pro Ofrece un elemento llamado \u2018Text Icon\u2019 que te permite a\u00f1adir texto junto a un icono. <\/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\">\u00a1Vamos a ver c\u00f3mo a\u00f1adir un icono de texto a una tabla!. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Opciones de iconos de texto<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">El elemento Text Icon tiene algunas funciones vers\u00e1tiles para que tus Text Icons luzcan incre\u00edbles. Las opciones de Text Icon est\u00e1n divididas en tres pesta\u00f1as: General, Text y Icon.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Examinemos cada uno de ellos uno a uno.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">General<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">En la pesta\u00f1a General encontrar\u00e1s las opciones principales.&nbsp;<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Espaciado de iconos<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Esta opci\u00f3n permite ajustar el espacio entre el icono y el texto. El valor de entrada se basa en p\u00edxeles. Primero, s<strong>seleccionar el elemento Text Icon en la tabla<\/strong> <strong>(1)<\/strong> y utilizar el <strong>Slider de espaciado de iconos para ajustar el espaciado entre<\/strong> El texto y el icono <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\">Alineamiento de la lista<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Aqu\u00ed puede seleccionar la alineaci\u00f3n de su contenido y de los iconos. Por defecto, la alineaci\u00f3n de los elementos es siempre la alineaci\u00f3n izquierda. Puede cambiar la alineaci\u00f3n de contenido y de iconos. Seleccione <strong>Elemento de icono de texto<\/strong> en la tabla <strong>(1) <\/strong>y luego <strong>ajuste el alineamiento desde la opci\u00f3n de Alineaci\u00f3n de lista (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\">Texto<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">La pesta\u00f1a \u00abTexto\u00bb incluye opciones de tama\u00f1o de fuente y color de texto. <\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Color del texto<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Aqu\u00ed tendr\u00e1 la opci\u00f3n de configurar el tama\u00f1o de la fuente y el color del texto. Puede poner el color del texto en c\u00f3digo hex o seleccionar un color personalizado desde la ventana de color. <\/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\">Tama\u00f1o de la fuente<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Configure el tama\u00f1o de la fuente que deseas mediante la opci\u00f3n \u00abTama\u00f1o de fuente\u00bb.\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\">Tab de iconos<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">La pesta\u00f1a \u00abIconos\u00bb contiene las configuraciones relacionadas con los iconos y la decoraci\u00f3n de los mismos.&nbsp;<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Icono de lista<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Puede cambiar el icono del elemento List Icon espec\u00edfico utilizando la opci\u00f3n. <strong>Seleccione el elemento<\/strong> <strong>(1)<\/strong>, <strong>Haz clic en el icono de la lista (2) y elige tu icono (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\">Tama\u00f1o de la imagen<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Con esta opci\u00f3n, puede reducir o aumentar el tama\u00f1o de las im\u00e1genes. La entrada de tama\u00f1o se basa en p\u00edxeles.&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\">Color de la icona&nbsp;<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Puede seleccionar los colores de los iconos para que el contenido de la tabla tenga un aspecto espectacular. Puede elegir el color del icono introduciendo un c\u00f3digo hex o seleccionando el color en la ventana de color.&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\">Localizaci\u00f3n de la icona<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Configura tu <strong>La ubicaci\u00f3n del icono<\/strong> o bien <strong>Despu\u00e9s del texto o antes del texto<\/strong>. Si desea colocar su icono antes del texto, seleccione la ubicaci\u00f3n del icono en la parte izquierda. Elija la ubicaci\u00f3n correcta para colocar el icono despu\u00e9s del texto. <strong>Por defecto, el icono se coloca antes del texto.<\/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\">Esperamos que esta documentaci\u00f3n haya sido de ayuda para comprender la funcionalidad de este elemento pro de WP Table Builder.\u00a0<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">D\u00e9jenos sus comentarios y preguntas en el apartado de comentarios.<\/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\/es\/author\/rajankur003\/"},"doc_category_info":[{"term_name":"Elements","term_url":"https:\/\/wptablebuilder.com\/es\/docs-category\/elements\/"}],"doc_tag_info":[],"_links":{"self":[{"href":"https:\/\/wptablebuilder.com\/es\/wp-json\/wp\/v2\/docs\/3044","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wptablebuilder.com\/es\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/wptablebuilder.com\/es\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/wptablebuilder.com\/es\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/wptablebuilder.com\/es\/wp-json\/wp\/v2\/comments?post=3044"}],"version-history":[{"count":0,"href":"https:\/\/wptablebuilder.com\/es\/wp-json\/wp\/v2\/docs\/3044\/revisions"}],"wp:attachment":[{"href":"https:\/\/wptablebuilder.com\/es\/wp-json\/wp\/v2\/media?parent=3044"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/wptablebuilder.com\/es\/wp-json\/wp\/v2\/doc_category?post=3044"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/wptablebuilder.com\/es\/wp-json\/wp\/v2\/doc_tag?post=3044"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}