{"id":16232,"date":"2025-03-24T06:15:22","date_gmt":"2025-03-24T06:15:22","guid":{"rendered":"https:\/\/wptablebuilder.com\/?post_type=docs&#038;p=16232"},"modified":"2026-11-13T14:13:12","modified_gmt":"2026-11-13T14:13:12","password":"","slug":"lista","status":"publish","type":"docs","link":"https:\/\/wptablebuilder.com\/es\/docs\/list\/","title":{"rendered":"Elemento List en WP Table Builder"},"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\">Respuesta r\u00e1pida<\/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\">El elemento List a\u00f1ade una lista con vi\u00f1etas o numerada a una celda, como una lista de funciones en una tabla de precios. Arrastra <strong>Lista<\/strong> a una celda, escribe cada elemento (pulsa Intro para uno nuevo) y luego define <strong>List Type<\/strong> (Unordered u Ordered) y <strong>List Icon<\/strong> (Circle, Square, Disc o None) en la pesta\u00f1a <strong>General<\/strong> , los colores y el tama\u00f1o en <strong>Font<\/strong>, y el espaciado y la alineaci\u00f3n en <strong>Layout<\/strong>. El elemento List es gratuito; los tooltips de los elementos requieren Pro.<\/p>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Las listas mantienen las descripciones de funciones breves y f\u00e1ciles de leer. Para listas con iconos personalizados como marcas de verificaci\u00f3n, usa el elemento Pro Styled List. Consulta <a href=\"https:\/\/wptablebuilder.com\/es\/documentos\/lista-estilizada\/\">Lista con estilo (Pro)<\/a>.<\/p>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_ccbb981f-73ce-4efb-b6a3-5c066c52aa9c\"><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\">Requisitos<\/h2>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>Concepto<\/th><th>Detalles<\/th><\/tr><\/thead><tbody><tr><td><strong>Plan<\/strong><\/td><td>Gratis y Pro<\/td><\/tr><tr><td><strong>D\u00f3nde<\/strong><\/td><td><strong>Elementos<\/strong> (pesta\u00f1a) del constructor, <strong>Basic<\/strong> (grupo)<\/td><\/tr><tr><td><strong>Tiempo necesario<\/strong><\/td><td>Aproximadamente 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_f1800dcb-a3dc-4053-9c3e-9a6dd8e4df65\"><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\">C\u00f3mo a\u00f1adir el elemento List<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Abre la tabla en el constructor y haz clic en <strong>Elementos<\/strong> .<\/li>\n\n\n\n<li>Arrastra <strong>Lista<\/strong> a una celda, o escribe <code>list<\/code> en <strong>Search elements<\/strong> antes.<\/li>\n\n\n\n<li>Haz clic en el elemento para abrir sus ajustes en el panel izquierdo.<\/li>\n\n\n\n<li>Haz clic en <strong>Save<\/strong> cuando termines.<\/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-builder-interface-overview.jpg\" alt=\"Pesta\u00f1a Elements de WP Table Builder con el elemento List en el grupo Basic\" class=\"wp-image-24263\" srcset=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-builder-interface-overview.jpg 1440w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-builder-interface-overview-300x150.jpg 300w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-builder-interface-overview-1024x513.jpg 1024w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-builder-interface-overview-768x385.jpg 768w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-builder-interface-overview-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_38c7bb45-4bab-40c3-8cf8-6f80b4c7fac5\"><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\">Ajustes de List<\/h2>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>Ajuste<\/th><th>Qu\u00e9 hace<\/th><\/tr><\/thead><tbody><tr><td><strong>General: List Type<\/strong><\/td><td>Unordered (vi\u00f1etas) u Ordered (n\u00fameros)<\/td><\/tr><tr><td><strong>General: List Icon<\/strong><\/td><td>Circle, Square, Disc o None<\/td><\/tr><tr><td><strong>Font: Text Color, Font Size<\/strong><\/td><td>Estilo de texto para todos los elementos<\/td><\/tr><tr><td><strong>Layout: Item Spacing, List Alignment<\/strong><\/td><td>Espacio entre elementos y alineaci\u00f3n<\/td><\/tr><tr><td><strong>List Item: Font Color<\/strong><\/td><td>Color de un elemento<\/td><\/tr><tr><td><strong>List Item: Tooltip, Tooltip Position<\/strong><\/td><td>Un tooltip al pasar el rat\u00f3n (Pro), mostrado arriba, abajo, a la izquierda o a la derecha<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_33675ec5-4899-4667-8cf9-9b358eb424fa\"><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\">Preguntas frecuentes<\/h2>\n\n\n<div class=\"wp-block-ub-content-toggle wp-block-ub-content-toggle-block\" id=\"ub-content-toggle-block-20d09339-a7ad-4ada-ae80-024c4d2562cb\" 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-20d09339-a7ad-4ada-ae80-024c4d2562cb\" tabindex=\"0\">\n\t\t\t<p class=\"wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-20d09339-a7ad-4ada-ae80-024c4d2562cb\" style=\"color: #000000; \"><strong>\u00bfC\u00f3mo a\u00f1ado una lista con vi\u00f1etas a una celda?<\/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-20d09339-a7ad-4ada-ae80-024c4d2562cb\">\n\n<p class=\"wp-block-paragraph\">Arrastra el elemento List a la celda y escribe los elementos, pulsando Intro entre ellos.<\/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-20d09339-a7ad-4ada-ae80-024c4d2562cb\" tabindex=\"0\">\n\t\t\t<p class=\"wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-20d09339-a7ad-4ada-ae80-024c4d2562cb\" style=\"color: #000000; \"><strong>\u00bfPuedo usar marcas de verificaci\u00f3n en lugar de vi\u00f1etas?<\/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-20d09339-a7ad-4ada-ae80-024c4d2562cb\">\n\n<p class=\"wp-block-paragraph\">Usa el elemento Styled List (Pro), que te permite elegir cualquier icono para cada elemento.<\/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-2-20d09339-a7ad-4ada-ae80-024c4d2562cb\" tabindex=\"0\">\n\t\t\t<p class=\"wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-20d09339-a7ad-4ada-ae80-024c4d2562cb\" style=\"color: #000000; \"><strong>\u00bfUn elemento de la lista puede tener un tooltip?<\/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-2-20d09339-a7ad-4ada-ae80-024c4d2562cb\">\n\n<p class=\"wp-block-paragraph\">S\u00ed, con WP Table Builder Pro. Selecciona el elemento y escribe el texto en Tooltip.<\/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_bd592634-1e60-4b60-b3a7-bab579afc790\"><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\">Documentos relacionados<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/wptablebuilder.com\/es\/documentos\/lista-estilizada\/\">Lista con estilo (Pro)<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wptablebuilder.com\/es\/documentos\/texto\/\">Elemento Text en WP Table Builder<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wptablebuilder.com\/es\/documentos\/elements-overview\/\">Elementos de WP Table Builder: resumen de los 14 elementos<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wptablebuilder.com\/es\/documentos\/espaciado\/\">C\u00f3mo a\u00f1adir espacio entre celdas en WP Table Builder (Pro)<\/a><\/li>\n<\/ul>","protected":false},"excerpt":{"rendered":"<p>Add bulleted or numbered lists to cells with custom bullets, colors and spacing.<\/p>","protected":false},"author":6,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[15],"doc_tag":[],"class_list":["post-16232","docs","type-docs","status-publish","hentry","doc_category-elements"],"year_month":"2026-11","word_count":291,"total_views":"18","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\/16232","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=16232"}],"version-history":[{"count":1,"href":"https:\/\/wptablebuilder.com\/es\/wp-json\/wp\/v2\/docs\/16232\/revisions"}],"predecessor-version":[{"id":24346,"href":"https:\/\/wptablebuilder.com\/es\/wp-json\/wp\/v2\/docs\/16232\/revisions\/24346"}],"wp:attachment":[{"href":"https:\/\/wptablebuilder.com\/es\/wp-json\/wp\/v2\/media?parent=16232"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/wptablebuilder.com\/es\/wp-json\/wp\/v2\/doc_category?post=16232"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/wptablebuilder.com\/es\/wp-json\/wp\/v2\/doc_tag?post=16232"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}