{"id":357,"date":"2025-01-03T11:17:43","date_gmt":"2025-01-03T11:17:43","guid":{"rendered":"https:\/\/tableberg.com\/?p=357"},"modified":"2025-01-03T11:18:34","modified_gmt":"2025-01-03T11:18:34","slug":"como-anadir-un-encabezado-a-una-tabla-en-wordpress","status":"publish","type":"post","link":"https:\/\/tableberg.com\/es\/how-to-add-a-header-to-a-table-in-wordpress\/","title":{"rendered":"C\u00f3mo a\u00f1adir un encabezado a una tabla en WordPress"},"content":{"rendered":"<p>Una cabecera de tabla es la fila superior de una tabla. Proporciona un t\u00edtulo para la informaci\u00f3n de cada columna. En <a href=\"https:\/\/tableberg.com\/es\/como-crear-una-tabla-en-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">crear una tabla<\/a>. Tendemos a poner en negrita manualmente la fila superior para transmitir una se\u00f1al visual de la informaci\u00f3n que contienen las respectivas columnas.<\/p>\n\n\n\n<p>El encabezado de tabla hace lo mismo. Adem\u00e1s, lleva un tipo de c\u00f3digo HTML beneficioso para su contenido desde la perspectiva SEO. Ahora le mostraremos c\u00f3mo a\u00f1adir un encabezado a una tabla en WordPress.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>M\u00e9todo 1<\/strong>: <a href=\"#Adding-a-Header-to-the-Default-Table-Block\">A\u00f1adir una cabecera al bloque de tabla por defecto<\/a><\/li>\n\n\n\n<li><strong>M\u00e9todo 2<\/strong>: <a href=\"#Adding-a-Header-to-the-Tableberg-Block\">A\u00f1adir una cabecera al bloque Tableberg<\/a><\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-group has-border-color has-global-padding is-layout-constrained wp-container-core-group-is-layout-8db5ca72 wp-block-group-is-layout-constrained\" style=\"border-color:#671feb;border-style:solid;border-width:1px;border-radius:4px;padding-top:var(--wp--preset--spacing--medium);padding-right:var(--wp--preset--spacing--small);padding-bottom:var(--wp--preset--spacing--medium);padding-left:var(--wp--preset--spacing--small)\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-505d3e6d wp-block-group-is-layout-flex\" style=\"padding-top:var(--wp--preset--spacing--small);padding-bottom:var(--wp--preset--spacing--small)\">\n<p style=\"font-size:clamp(18.959px, 1.185rem + ((1vw - 3.2px) * 1.175), 30px);\"><strong>Cree bonitas mesas <\/strong><br><strong>Con el editor de bloques<\/strong><\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-f2baa792 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-background wp-element-button\" href=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" style=\"background-color:#671feb\" target=\"_blank\" rel=\"noreferrer noopener\">Pruebe gratis<\/a><\/div>\n\n\n\n<div class=\"wp-block-button is-style-outline is-style-outline--1\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/tableberg.com\/es\/precios\/\" target=\"_blank\" rel=\"noreferrer noopener\">Conseguir Pro<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"540\" height=\"540\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg.png\" alt=\"\" class=\"wp-image-1545\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg.png 540w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg-300x300.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg-150x150.png 150w\" sizes=\"auto, (max-width: 540px) 100vw, 540px\" \/><\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"Adding-a-Header-to-the-Default-Table-Block\">M\u00e9todo 1: A\u00f1adir una cabecera al bloque de tabla por defecto<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Paso 1: Seleccionar el bloque de tabla<\/h3>\n\n\n\n<p>Una vez que haya terminado de crear una tabla con la funci\u00f3n <a href=\"https:\/\/tableberg.com\/es\/como-utilizar-el-bloque-de-tabla-de-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">Bloque de tabla por defecto<\/a>seleccione la tabla haciendo clic en el icono Tabla de la barra de herramientas. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"451\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Select-the-Table-Block-1024x451.png\" alt=\"\" class=\"wp-image-6449\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Select-the-Table-Block-1024x451.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Select-the-Table-Block-300x132.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Select-the-Table-Block-768x339.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Select-the-Table-Block-1536x677.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Select-the-Table-Block-2048x903.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Select-the-Table-Block-18x8.png 18w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Paso 2: Habilitar la secci\u00f3n de cabecera<\/h3>\n\n\n\n<p>Obtendr\u00e1 el <strong>Ficha Configuraci\u00f3n<\/strong> en la barra lateral derecha. Basta con activar el bot\u00f3n <strong>Secci\u00f3n de cabecera<\/strong> en la pesta\u00f1a Configuraci\u00f3n.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"2638\" height=\"1130\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Enabling-the-Header-Section-in-the-Table-Block.png\" alt=\"\" class=\"wp-image-6450\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Enabling-the-Header-Section-in-the-Table-Block.png 2638w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Enabling-the-Header-Section-in-the-Table-Block-300x129.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Enabling-the-Header-Section-in-the-Table-Block-1024x439.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Enabling-the-Header-Section-in-the-Table-Block-768x329.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Enabling-the-Header-Section-in-the-Table-Block-1536x658.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Enabling-the-Header-Section-in-the-Table-Block-2048x877.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Enabling-the-Header-Section-in-the-Table-Block-18x8.png 18w\" sizes=\"auto, (max-width: 2638px) 100vw, 2638px\" \/><\/figure>\n\n\n\n<p>Ver\u00e1 el <strong>secci\u00f3n de cabecera aparecida<\/strong> sobre la mesa. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"2638\" height=\"1138\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Header-Section.png\" alt=\"\" class=\"wp-image-6451\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Header-Section.png 2638w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Header-Section-300x129.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Header-Section-1024x442.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Header-Section-768x331.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Header-Section-1536x663.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Header-Section-2048x883.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Header-Section-18x8.png 18w\" sizes=\"auto, (max-width: 2638px) 100vw, 2638px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Paso 3: A\u00f1adir etiquetas a la cabecera<\/h3>\n\n\n\n<p>Puedes ver que hemos a\u00f1adido t\u00edtulos a las celdas de cabecera de la tabla. No necesitas ponerlos en negrita manualmente porque se ponen en negrita autom\u00e1ticamente.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"2640\" height=\"1146\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Headers-Labels.png\" alt=\"\" class=\"wp-image-6452\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Headers-Labels.png 2640w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Headers-Labels-300x130.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Headers-Labels-1024x445.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Headers-Labels-768x333.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Headers-Labels-1536x667.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Headers-Labels-2048x889.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Headers-Labels-18x8.png 18w\" sizes=\"auto, (max-width: 2640px) 100vw, 2640px\" \/><\/figure>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_b69c5a73-418f-4fc2-8f46-1b3eacc23049\"><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: 2px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\" id=\"Adding-a-Header-to-the-Tableberg-Block\">M\u00e9todo 2: A\u00f1adir una cabecera al bloque Tableberg<\/h2>\n\n\n\n<p>Si su tabla se crea con la funci\u00f3n <a href=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" data-type=\"link\" data-id=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" target=\"_blank\" rel=\"noreferrer noopener\">Tableberg<\/a> puede a\u00f1adirle una cabecera de la misma manera. <\/p>\n\n\n\n<p class=\"has-text-align-center has-background\" style=\"background-color:#ffe8c2\"><strong>Compruebe tambi\u00e9n<\/strong>: <a href=\"https:\/\/tableberg.com\/es\/docs\/como-convertir-un-bloque-de-tabla-predeterminado-en-un-bloque-de-tableberg\/\">C\u00f3mo convertir el bloque de tabla por defecto en un bloque Tableberg<\/a><\/p>\n\n\n\n<p>Seleccione primero su mesa haciendo clic en el bot\u00f3n <strong>Icono Tableberg <img loading=\"lazy\" decoding=\"async\" width=\"15\" height=\"15\" class=\"wp-image-58\" style=\"width: 15px;\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2023\/12\/Tableberg.png\" alt=\"\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2023\/12\/Tableberg.png 257w, https:\/\/tableberg.com\/wp-content\/uploads\/2023\/12\/Tableberg-150x150.png 150w\" sizes=\"auto, (max-width: 15px) 100vw, 15px\" \/><\/strong> (1). A partir del <strong>Ficha Configuraci\u00f3n<\/strong> (2), active el <strong>Insertar cabecera<\/strong> (3) opci\u00f3n.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"2594\" height=\"1358\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Inserting-header-to-the-Tableberg-Block.png\" alt=\"\" class=\"wp-image-1960\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Inserting-header-to-the-Tableberg-Block.png 2594w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Inserting-header-to-the-Tableberg-Block-300x157.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Inserting-header-to-the-Tableberg-Block-1024x536.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Inserting-header-to-the-Tableberg-Block-768x402.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Inserting-header-to-the-Tableberg-Block-1536x804.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Inserting-header-to-the-Tableberg-Block-2048x1072.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Inserting-header-to-the-Tableberg-Block-18x9.png 18w\" sizes=\"auto, (max-width: 2594px) 100vw, 2594px\" \/><\/figure>\n\n\n\n<p>Ver\u00e1 la secci\u00f3n de encabezado habilitada para la tabla. Puede simplemente a\u00f1adir alg\u00fan texto para etiquetar las columnas o a\u00f1adir otros bloques como desee.<\/p>\n\n\n\n<p>Tambi\u00e9n puede hacer que su fila superior sea la cabecera. Basta con activar el bot\u00f3n <strong>Hacer encabezado de fila superior<\/strong> opci\u00f3n.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"2590\" height=\"1358\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Make-Top-Row-As-Header-in-the-Tableberg-Block.png\" alt=\"\" class=\"wp-image-1961\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Make-Top-Row-As-Header-in-the-Tableberg-Block.png 2590w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Make-Top-Row-As-Header-in-the-Tableberg-Block-300x157.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Make-Top-Row-As-Header-in-the-Tableberg-Block-1024x537.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Make-Top-Row-As-Header-in-the-Tableberg-Block-768x403.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Make-Top-Row-As-Header-in-the-Tableberg-Block-1536x805.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Make-Top-Row-As-Header-in-the-Tableberg-Block-2048x1074.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Make-Top-Row-As-Header-in-the-Tableberg-Block-18x9.png 18w\" sizes=\"auto, (max-width: 2590px) 100vw, 2590px\" \/><\/figure>\n\n\n\n<p>Convertir\u00e1 la fila superior en cabecera.<\/p>\n\n\n\n<p>Si lo desea, tambi\u00e9n puede cambiar el color de fondo del encabezado de la tabla. Para ello, haga clic en el bot\u00f3n <strong>Ficha Estilos<\/strong> (1) y cambie el <strong>Color de fondo de la cabecera<\/strong> (2).<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"585\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Changing-Header-Background-Color-of-the-Table-1024x585.png\" alt=\"\" class=\"wp-image-1983\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Changing-Header-Background-Color-of-the-Table-1024x585.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Changing-Header-Background-Color-of-the-Table-300x171.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Changing-Header-Background-Color-of-the-Table-768x439.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Changing-Header-Background-Color-of-the-Table-1536x878.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Changing-Header-Background-Color-of-the-Table-2048x1171.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Changing-Header-Background-Color-of-the-Table-18x10.png 18w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_0b67e626-2796-4440-9092-5184dfd6a80a\"><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: 2px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div>\n\n\n<p>Lea tambi\u00e9n: <a href=\"https:\/\/tableberg.com\/es\/como-hacer-un-encabezado-de-tabla-pegajosa-en-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">C\u00f3mo hacer que un encabezado de tabla sea adhesivo en WordPress<\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Conclusi\u00f3n<\/h3>\n\n\n\n<p>As\u00ed, puede a\u00f1adir cabeceras a sus tablas de WordPress. Recuerda que los encabezados deben ser descriptivos pero concisos para que no ocupen mucho espacio. A menos que sean claros y significativos, los usuarios no entender\u00e1n el prop\u00f3sito de la columna de la tabla a primera vista.<\/p>","protected":false},"excerpt":{"rendered":"<p>A table header is the top row of a table. It provides a title for information in each column. While creating a table, we tend to bold the top row manually to pass a visual signal of the information that respective columns contain. The table header does the same thing. Plus, it carries a kind [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":6457,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[7],"tags":[10,11,9],"class_list":["post-357","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to","tag-customize-table","tag-table-block","tag-tableberg"],"featured_image_src":"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/How-to-Add-a-Header-to-a-Table-in-WordPress.png","author_info":{"display_name":"Istiak Rayhan","author_link":"https:\/\/tableberg.com\/es\/author\/wpx_irayhan\/"},"_links":{"self":[{"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/posts\/357","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/comments?post=357"}],"version-history":[{"count":9,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/posts\/357\/revisions"}],"predecessor-version":[{"id":6460,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/posts\/357\/revisions\/6460"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/media\/6457"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/media?parent=357"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/categories?post=357"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/tags?post=357"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}