{"id":24270,"date":"2026-11-13T13:48:07","date_gmt":"2026-11-13T13:48:07","guid":{"rendered":"https:\/\/wptablebuilder.com\/docs\/block-tree\/"},"modified":"2026-11-13T13:48:07","modified_gmt":"2026-11-13T13:48:07","password":"","slug":"arbol-de-bloques","status":"publish","type":"docs","link":"https:\/\/wptablebuilder.com\/es\/docs\/block-tree\/","title":{"rendered":"C\u00f3mo usar el \u00e1rbol de bloques 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\">Haz clic en <strong>Open block tree<\/strong> en la barra superior del constructor de WP Table Builder (el icono a la izquierda de <strong>Asistente de IA<\/strong>). Se abre un panel a la derecha con todas las filas, celdas y elementos de la tabla. Haz clic en cualquier elemento para seleccionarlo en la tabla, despliega las filas para ver sus celdas y arrastra elementos en la lista para reordenarlos.<\/p>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">El \u00e1rbol de bloques es un esquema de tu tabla. Muestra la estructura (tabla, filas, celdas y los elementos de cada celda) como una lista anidada, lo que facilita mucho navegar y editar tablas grandes.<\/p>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_2871d5a7-4749-46c6-82cd-712cdf0b675a\"><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>Versi\u00f3n del plugin<\/strong><\/td><td>WP Table Builder 2.2.3 o posterior<\/td><\/tr><tr><td><strong>Tiempo necesario<\/strong><\/td><td>Ninguno, es una herramienta de navegaci\u00f3n<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_5a125388-d1e7-4f47-a7b2-62826eeff888\"><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\">Abrir el \u00e1rbol de bloques<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Abre una tabla en el constructor.<\/li>\n\n\n\n<li>Haz clic en <strong>Open block tree<\/strong> en la barra superior. El icono est\u00e1 entre <strong>Save<\/strong> y <strong>Asistente de IA<\/strong>.<\/li>\n\n\n\n<li>Haz clic en \u00e9l otra vez, o haz clic en la <strong>X<\/strong> del panel, para cerrarlo.<\/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-block-tree.jpg\" alt=\"Panel del \u00e1rbol de bloques de WP Table Builder con la fila 2 desplegada para mostrar sus celdas y elementos\" class=\"wp-image-24264\" srcset=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-block-tree.jpg 1440w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-block-tree-300x150.jpg 300w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-block-tree-1024x513.jpg 1024w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-block-tree-768x385.jpg 768w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-block-tree-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_d0899be8-412e-47b1-997b-0904b3a018ca\"><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\">Qu\u00e9 muestra el \u00e1rbol de bloques<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>La secci\u00f3n <strong>table<\/strong> arriba, con su tama\u00f1o, por ejemplo <strong>Element showcase 11 \u00d7 4<\/strong>.<\/li>\n\n\n\n<li>Cada <strong>fila<\/strong>, con el n\u00famero de celdas, por ejemplo <strong>Row 2 4 cells<\/strong>.<\/li>\n\n\n\n<li>Cada <strong>celda<\/strong>, nombrada por la letra de columna y el n\u00famero de fila (por ejemplo <strong>Cell A2<\/strong>), con los tipos de elementos que contiene.<\/li>\n\n\n\n<li>Cada <strong>elemento<\/strong> dentro de una celda, como <strong>Texto<\/strong>, <strong>Bot\u00f3n<\/strong> o <strong>Custom Html<\/strong>.<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_4658eb38-122b-4bd6-9d02-ee4cff674f2d\"><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\">Qu\u00e9 puedes hacer en el \u00e1rbol de bloques<\/h2>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>Acci\u00f3n<\/th><th>C\u00f3mo<\/th><\/tr><\/thead><tbody><tr><td>Seleccionar un elemento en la tabla<\/td><td>Haz clic en \u00e9l en la lista. El constructor lo selecciona y muestra sus ajustes en el panel izquierdo.<\/td><\/tr><tr><td>Desplegar o contraer una fila o celda<\/td><td>Haz clic en la flecha que tiene al lado<\/td><\/tr><tr><td>Desplegar o contraer todo<\/td><td>Usa los dos iconos de la parte superior del panel<\/td><\/tr><tr><td>Reordenar elementos<\/td><td>Arrastra un elemento hacia arriba o hacia abajo en la lista<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_32cec21d-4e92-4db9-9422-2be77118aa66\"><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\">Cu\u00e1ndo resulta m\u00e1s \u00fatil el \u00e1rbol de bloques<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Seleccionar elementos peque\u00f1os u ocultos<\/strong>, como un elemento de texto vac\u00edo o un elemento debajo de una cinta.<\/li>\n\n\n\n<li><strong>Tablas grandes<\/strong>, donde desplazarse por el lienzo para encontrar una celda es lento.<\/li>\n\n\n\n<li><strong>Celdas con varios elementos<\/strong>, donde necesitas cambiar su orden.<\/li>\n\n\n\n<li><strong>Encontrar el nombre de una celda<\/strong> (como <strong>Cell C4<\/strong>) para usarlo en una menci\u00f3n del Asistente de IA como <code>@Cell:4,3<\/code>.<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_024c22d5-9ead-490d-aa76-19d304a6a03d\"><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-7e98b052-402c-43c5-b708-8434e65ecd34\" 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-7e98b052-402c-43c5-b708-8434e65ecd34\" tabindex=\"0\">\n\t\t\t<p class=\"wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-7e98b052-402c-43c5-b708-8434e65ecd34\" style=\"color: #000000; \"><strong>\u00bfQu\u00e9 es el \u00e1rbol de bloques en WP Table Builder?<\/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-7e98b052-402c-43c5-b708-8434e65ecd34\">\n\n<p class=\"wp-block-paragraph\">El \u00e1rbol de bloques es un panel que muestra las filas, celdas y elementos de la tabla como un esquema anidado. Lo usas para seleccionar y reordenar elementos sin tener que buscarlos en el lienzo.<\/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-7e98b052-402c-43c5-b708-8434e65ecd34\" tabindex=\"0\">\n\t\t\t<p class=\"wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-7e98b052-402c-43c5-b708-8434e65ecd34\" style=\"color: #000000; \"><strong>\u00bfPuedo mover elementos entre celdas con el \u00e1rbol de bloques?<\/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-7e98b052-402c-43c5-b708-8434e65ecd34\">\n\n<p class=\"wp-block-paragraph\">Puedes arrastrar elementos en la lista para reordenarlos. Para mover un elemento en la propia tabla, tambi\u00e9n puedes usar el bot\u00f3n Move block de la barra de herramientas flotante del 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-7e98b052-402c-43c5-b708-8434e65ecd34\" tabindex=\"0\">\n\t\t\t<p class=\"wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-7e98b052-402c-43c5-b708-8434e65ecd34\" style=\"color: #000000; \"><strong>\u00bfEl \u00e1rbol de bloques es una funci\u00f3n Pro?<\/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-7e98b052-402c-43c5-b708-8434e65ecd34\">\n\n<p class=\"wp-block-paragraph\">No. El \u00e1rbol de bloques est\u00e1 disponible en la versi\u00f3n gratuita de WP Table Builder.<\/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_9c0d2217-112a-4908-a320-de22db41fdcc\"><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\/como-usar-el-editor-de-tablas-de-wp-dentro-del-panel-de-administracion-de-wordpress\/\">Interfaz de WP Table Builder: un recorrido por el constructor de tablas<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wptablebuilder.com\/es\/documentos\/como-deshacer-los-cambios-realizados-con-el-rediseno-de-tablas-en-wp-table-builder\/\">C\u00f3mo deshacer y rehacer cambios en WP Table Builder<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wptablebuilder.com\/es\/documentos\/agregar-filas-o-columnas-a-una-tabla-existente\/\">C\u00f3mo a\u00f1adir filas o columnas a una tabla existente<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wptablebuilder.com\/es\/documentos\/use-ai-assistant\/\">C\u00f3mo usar el Asistente de IA en WP Table Builder<\/a><\/li>\n<\/ul>","protected":false},"excerpt":{"rendered":"<p>See every row, cell and element as an outline and select or reorder them quickly.<\/p>","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[97],"doc_tag":[],"class_list":["post-24270","docs","type-docs","status-publish","hentry","doc_category-building-tables"],"year_month":"2026-11","word_count":462,"total_views":"1","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"name":"Istiak Rayhan","author_nicename":"wpx_roadtobl","author_url":"https:\/\/wptablebuilder.com\/es\/author\/wpx_roadtobl\/"},"doc_category_info":[{"term_name":"Building Tables","term_url":"https:\/\/wptablebuilder.com\/es\/docs-category\/building-tables\/"}],"doc_tag_info":[],"_links":{"self":[{"href":"https:\/\/wptablebuilder.com\/es\/wp-json\/wp\/v2\/docs\/24270","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\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wptablebuilder.com\/es\/wp-json\/wp\/v2\/comments?post=24270"}],"version-history":[{"count":0,"href":"https:\/\/wptablebuilder.com\/es\/wp-json\/wp\/v2\/docs\/24270\/revisions"}],"wp:attachment":[{"href":"https:\/\/wptablebuilder.com\/es\/wp-json\/wp\/v2\/media?parent=24270"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/wptablebuilder.com\/es\/wp-json\/wp\/v2\/doc_category?post=24270"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/wptablebuilder.com\/es\/wp-json\/wp\/v2\/doc_tag?post=24270"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}