{"id":8314,"date":"2025-04-11T14:40:02","date_gmt":"2025-04-11T14:40:02","guid":{"rendered":"https:\/\/tableberg.com\/?p=8314"},"modified":"2025-04-11T19:13:47","modified_gmt":"2025-04-11T19:13:47","slug":"como-alinear-verticalmente-el-contenido-de-una-tabla-wordpress","status":"publish","type":"post","link":"https:\/\/tableberg.com\/es\/how-to-vertically-align-wordpress-table-content\/","title":{"rendered":"C\u00f3mo alinear verticalmente el contenido de una tabla de WordPress (arriba, en medio o abajo)"},"content":{"rendered":"<p>Las tablas pueden perder claridad r\u00e1pidamente si el contenido no est\u00e1 bien alineado. Incluso con un dise\u00f1o s\u00f3lido, las alturas desiguales de las celdas o las longitudes desajustadas del contenido pueden hacer que tu tabla parezca desequilibrada o dif\u00edcil de escanear.<\/p>\n\n\n\n<p>La alineaci\u00f3n vertical le ayudar\u00e1 a garantizar que todas las filas permanezcan organizadas, asegur\u00e1ndose de que el contenido como el texto, los botones o las im\u00e1genes aparezcan exactamente donde deben, incluso cuando otras celdas de la misma fila sean m\u00e1s altas o m\u00e1s bajas.<\/p>\n\n\n\n<p>Por ejemplo, una tabla de precios en la que una lista de caracter\u00edsticas es m\u00e1s larga que las dem\u00e1s, o una tabla de equipo en la que la biograf\u00eda de un miembro se extiende m\u00e1s que las dem\u00e1s. Sin una alineaci\u00f3n vertical, los botones de la tabla de precios podr\u00edan quedar desiguales y las fotos de los miembros del equipo podr\u00edan aparecer desalineadas.<\/p>\n\n\n\n<p>Aqu\u00ed es donde tu elecci\u00f3n de una alineaci\u00f3n consistente ayudar\u00e1 a que tu mesa se mantenga estable. En este art\u00edculo, te explicaremos c\u00f3mo aplicar la alineaci\u00f3n vertical para que puedas mantener tus mesas limpias y consistentes. Es hora de empezar.<\/p>\n\n\n<div data-is_sticky=\"false\" data-sticky_toc_position=\"left\" data-hide_sticky_on_mobile=\"false\" data-sticky_button_icon='&lt;svg style=\"color:#000000;\" class=\"ub_sticky-toc-open-button-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" height=\"34px\" width=\"34px\" viewBox=\"0, 0, 448, 512\"&gt;&lt;path fill=\"currentColor\" d=\"M0 96C0 78.33 14.33 64 32 64H416C433.7 64 448 78.33 448 96C448 113.7 433.7 128 416 128H32C14.33 128 0 113.7 0 96zM0 256C0 238.3 14.33 224 32 224H416C433.7 224 448 238.3 448 256C448 273.7 433.7 288 416 288H32C14.33 288 0 273.7 0 256zM416 448H32C14.33 448 0 433.7 0 416C0 398.3 14.33 384 32 384H416C433.7 384 448 398.3 448 416C448 433.7 433.7 448 416 448z\"&gt;&lt;\/svg&gt;' data-sticky_button_color=\"#000000\" data-sticky_toc_width=\"320px\" style=\"padding-top: var(--wp--preset--spacing--small); padding-bottom: var(--wp--preset--spacing--small); max-width: -moz-fit-content; \" class=\"wp-block-ub-table-of-contents-block ub_table-of-contents\" id=\"ub_table-of-contents-bb85e554-9861-460a-bf83-c670ae1df6ba\" data-linktodivider=\"false\" data-showtext=\"show\" data-hidetext=\"hide\" data-scrolltype=\"auto\" data-enablesmoothscroll=\"false\" data-initiallyhideonmobile=\"false\" data-initiallyshow=\"true\"><div class=\"ub_table-of-contents-header-container\" style=\"background-color: #1E1E26; color: #fff; \">\n\t\t\t<div class=\"ub_table-of-contents-header\" style=\"text-align: left; \">\n\t\t\t\t<div class=\"ub_table-of-contents-title\"><strong>C\u00f3mo alinear verticalmente el contenido de una tabla en WordPress <\/strong><\/div>\n\t\t\t\t<div class=\"ub_table-of-contents-toggle-icon-container\">\n                    <span class=\"ub_table-of-contents-plus-part ub_horizontal_bar\" style=\"background-color: #fff; \"><\/span>\n                    <span class=\"ub_table-of-contents-plus-part ub_vertical_bar\" style=\"background-color: #fff; \"><\/span>\n                <\/div>\n\t\t\t<\/div>\n\t\t<\/div><div class=\"ub_table-of-contents-extra-container\" style=\"background-color: #fff; \">\n\t\t\t<div class=\"ub_table-of-contents-container ub_table-of-contents-1-column\">\n\t\t\t\t<ul style=\"\"><li style=\"color: #3d386b; \"><a href=\"https:\/\/tableberg.com\/es\/how-to-vertically-align-wordpress-table-content\/#0-can-we-vertically-align-content-with-the-default-table-block-\" style=\"color: #1E1E26; \">\u00bfPodemos alinear verticalmente el contenido con el bloque de tabla predeterminado?<\/a><\/li><li style=\"color: #3d386b; \"><a href=\"https:\/\/tableberg.com\/es\/how-to-vertically-align-wordpress-table-content\/#1-how-to-apply-vertical-alignment-using-the-tableberg-plugin-\" style=\"color: #1E1E26; \">C\u00f3mo aplicar la alineaci\u00f3n vertical (con el plugin Tableberg)<\/a><ul><li style=\"color: #3d386b; \"><a href=\"https:\/\/tableberg.com\/es\/how-to-vertically-align-wordpress-table-content\/#2-step-1-install-and-activate-the-tableberg-plugin-\" style=\"color: #1E1E26; \">Paso 1: Instalar y activar el plugin Tableberg<\/a><\/li><li style=\"color: #3d386b; \"><a href=\"https:\/\/tableberg.com\/es\/how-to-vertically-align-wordpress-table-content\/#3-step-2-insert-a-tableberg-block-into-your-post-or-page-\" style=\"color: #1E1E26; \">Paso 2: Inserta un bloque Tableberg en tu post o p\u00e1gina<\/a><\/li><li style=\"color: #3d386b; \"><a href=\"https:\/\/tableberg.com\/es\/how-to-vertically-align-wordpress-table-content\/#4-step-3-add-content-to-your-table-cells-\" style=\"color: #1E1E26; \">Paso 3: A\u00f1adir contenido a las celdas de la tabla<\/a><\/li><li style=\"color: #3d386b; \"><a href=\"https:\/\/tableberg.com\/es\/how-to-vertically-align-wordpress-table-content\/#5-step-4-select-vertical-alignment-from-the-toolbar-\" style=\"color: #1E1E26; \">Paso 4: Seleccione Alineaci\u00f3n vertical en la barra de herramientas<\/a><ul><li style=\"color: #3d386b; \"><a href=\"https:\/\/tableberg.com\/es\/how-to-vertically-align-wordpress-table-content\/#6-quick-note-\" style=\"color: #1E1E26; \">Nota r\u00e1pida<\/a><\/li><\/ul><\/li><\/ul><\/li><\/ul>\n\t\t\t<\/div>\n\t\t<\/div><\/div>\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-separator-thin\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"0-can-we-vertically-align-content-with-the-default-table-block-\"><strong>\u00bfPodemos alinear verticalmente el contenido con el bloque de tabla predeterminado?<\/strong><\/h2>\n\n\n\n<p>Desafortunadamente, el bloque Tabla por defecto en WordPress no soporta la alineaci\u00f3n vertical. S\u00f3lo permite texto plano dentro de las celdas, y no hay ajustes incorporados para alinear ese contenido en la parte superior, central o inferior. Esto hace dif\u00edcil mantener una estructura limpia cuando el contenido de las celdas var\u00eda en altura.<\/p>\n\n\n\n<p>Para superar esta limitaci\u00f3n, utilizaremos la funci\u00f3n <a href=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" target=\"_blank\" rel=\"noopener\">Tableberg<\/a> plugin. Tableberg es un constructor de tablas basado en bloques que admite la alineaci\u00f3n vertical y permite insertar contenido enriquecido como im\u00e1genes, botones e iconos dentro de las celdas. Es una soluci\u00f3n f\u00e1cil de usar para principiantes que le da m\u00e1s control sobre su dise\u00f1o sin escribir ning\u00fan c\u00f3digo.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-separator-thin\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"1-how-to-apply-vertical-alignment-using-the-tableberg-plugin-\"><strong>C\u00f3mo aplicar la alineaci\u00f3n vertical (con el plugin Tableberg)<\/strong><\/h2>\n\n\n\n<p>Para aplicar la alineaci\u00f3n vertical utilizando Tableberg, s\u00f3lo necesita seguir unos sencillos pasos. Siga las instrucciones siguientes para crear su tabla y ajustar la alineaci\u00f3n exactamente como desee.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"2-step-1-install-and-activate-the-tableberg-plugin-\"><strong>Paso 1: Instalar y activar el plugin Tableberg<\/strong><\/h3>\n\n\n\n<p>En primer lugar, instala y activa el plugin Tableberg desde el panel de control de WordPress. Ve a Plugins \u2192 A\u00f1adir nuevo, busca \"Tableberg\" y haz clic en Instalar ahora, seguido de Activar.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"415\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/Tableberg-install-new-1-1024x415.png\" alt=\"Instalar y activar el plugin Tableberg\" class=\"has-border-color wp-image-8320\" style=\"border-color:#cff3fb;border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/Tableberg-install-new-1-1024x415.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/Tableberg-install-new-1-300x122.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/Tableberg-install-new-1-768x312.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/Tableberg-install-new-1-18x7.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/Tableberg-install-new-1.png 1400w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-separator-thin\"\/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"3-step-2-insert-a-tableberg-block-into-your-post-or-page-\"><strong>Paso 2: Inserta un bloque Tableberg en tu post o p\u00e1gina<\/strong><\/h3>\n\n\n\n<p>Navega o crea una entrada o p\u00e1gina, haz clic en el icono \"+\" del insertador de bloques, busca Tableberg e inserta el bloque. A continuaci\u00f3n, elige el n\u00famero de filas y columnas con el que quieres preparar tu tabla.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"392\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/2-2-1024x392.png\" alt=\"Inserte un bloque Tableberg\" class=\"has-border-color wp-image-8319\" style=\"border-color:#cff3fb;border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/2-2-1024x392.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/2-2-300x115.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/2-2-768x294.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/2-2-1536x589.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/2-2-18x7.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/2-2.png 1769w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-separator-thin\"\/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"4-step-3-add-content-to-your-table-cells-\"><strong>Paso 3: A\u00f1adir contenido a las celdas de la tabla<\/strong><\/h3>\n\n\n\n<p>Contin\u00fae a\u00f1adiendo contenido a las celdas. Puede insertar texto, botones, im\u00e1genes, iconos o cualquier otro bloque dentro de cada celda. Por defecto, cada contenido se alinear\u00e1 en el centro de la celda.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"471\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/3-2-1024x471.png\" alt=\"A\u00f1adir contenido a las celdas de la tabla\" class=\"has-border-color wp-image-8318\" style=\"border-color:#cff3fb;border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/3-2-1024x471.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/3-2-300x138.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/3-2-768x354.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/3-2-1536x707.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/3-2-18x8.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/3-2.png 1705w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-separator-thin\"\/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"5-step-4-select-vertical-alignment-from-the-toolbar-\"><strong>Paso 4: Seleccione Alineaci\u00f3n vertical en la barra de herramientas<\/strong><\/h3>\n\n\n\n<p>Seleccione la celda concreta que desea alinear. A continuaci\u00f3n, haz clic en el borde de la celda para que aparezca la barra de herramientas de bloque.  En la barra de herramientas de bloque que aparece, haz clic en el icono Alinear verticalmente y elige entre Superior, Medio o Inferior.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"471\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/4-1-1024x471.png\" alt=\"Seleccionar alineaci\u00f3n vertical\" class=\"has-border-color wp-image-8317\" style=\"border-color:#cff3fb;border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/4-1-1024x471.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/4-1-300x138.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/4-1-768x354.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/4-1-1536x707.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/4-1-18x8.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/4-1.png 1692w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-separator-thin\"\/>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"6-quick-note-\"><strong>Nota r\u00e1pida<\/strong><\/h4>\n\n\n\n<p>Ver\u00e1s m\u00e1s claramente el efecto de la alineaci\u00f3n vertical cuando una celda tenga espacio vertical extra. Adem\u00e1s, como cada bloque de contenido dentro de una celda Tableberg tiene sus propios controles de alineaci\u00f3n, puedes ajustar la colocaci\u00f3n alineando el texto en la parte inferior y colocando un bot\u00f3n a la derecha para obtener dise\u00f1os m\u00e1s precisos.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/5-2-1024x654.png\" alt=\"Combinar la alineaci\u00f3n de las celdas con la alineaci\u00f3n del contenido\" class=\"has-border-color wp-image-8316\" style=\"border-color:#cff3fb;border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/5-2-1024x654.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/5-2-300x192.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/5-2-768x491.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/5-2-18x12.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/5-2.png 1083w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-separator-thin\"\/>\n\n\n\n<h5 class=\"wp-block-heading\" id=\"7-conclusion-\"><strong>Conclusi\u00f3n<\/strong><\/h5>\n\n\n\n<p>Cuando el contenido de una tabla parece desalineado, incluso el dise\u00f1o mejor estructurado puede parecer desordenado. La alineaci\u00f3n vertical te da el control para arreglar eso manteniendo todo en orden, ya sea un bloque de texto largo, un bot\u00f3n centrado o filas con contenido desigual. Mientras que el bloque Table por defecto se queda corto en este aspecto, Tableberg facilita la alineaci\u00f3n del contenido exactamente donde quieres sin necesidad de c\u00f3digo ni pasos complicados. Con la ayuda de unos pocos clics, puedes crear tablas m\u00e1s limpias y consistentes que se ven bien en cualquier pantalla.<\/p>\n\n\n\n<p>Lea tambi\u00e9n: <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/tableberg.com\/es\/como-alinear-horizontalmente-el-contenido-de-una-tabla-wordpress\/\">C\u00f3mo alinear horizontalmente el contenido de una tabla de WordPress (izquierda, centro o derecha)<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/tableberg.com\/es\/como-alinear-tablas-en-wordpress\/\">C\u00f3mo alinear tablas en WordPress (izquierda, centro o derecha)<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/tableberg.com\/es\/como-alinear-texto-en-wordpress\/\">C\u00f3mo alinear texto en WordPress<\/a><\/li>\n<\/ul>","protected":false},"excerpt":{"rendered":"<p>Your tables can quickly lose their clarity if the content inside them isn\u2019t properly aligned. Even with a solid layout, uneven cell heights or mismatched content lengths can make your table look unbalanced or hard to scan. Vertical alignment will help you ensure every row stays organized by making sure content like text, buttons, or [&hellip;]<\/p>\n","protected":false},"author":9,"featured_media":8315,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[7],"tags":[],"class_list":["post-8314","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to"],"featured_image_src":"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/Vertically-Align-WordPress-Table-850-x-335-px.png","author_info":{"display_name":"Moinul Islam","author_link":"https:\/\/tableberg.com\/es\/author\/marufmoinul27\/"},"_links":{"self":[{"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/posts\/8314","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\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/comments?post=8314"}],"version-history":[{"count":13,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/posts\/8314\/revisions"}],"predecessor-version":[{"id":8349,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/posts\/8314\/revisions\/8349"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/media\/8315"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/media?parent=8314"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/categories?post=8314"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/tags?post=8314"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}