{"id":6550,"date":"2025-01-04T21:45:50","date_gmt":"2025-01-04T21:45:50","guid":{"rendered":"https:\/\/tableberg.com\/?p=6550"},"modified":"2025-01-04T21:45:50","modified_gmt":"2025-01-04T21:45:50","slug":"como-cambiar-el-color-de-la-tabla-en-wordpress-sin-codificacion","status":"publish","type":"post","link":"https:\/\/tableberg.com\/es\/how-to-change-table-color-in-wordpress-without-coding\/","title":{"rendered":"C\u00f3mo cambiar el color de la tabla en WordPress sin codificaci\u00f3n"},"content":{"rendered":"<p>Las tablas son la herramienta adecuada en WordPress para presentar datos de forma organizada, pero las tablas simples y monocrom\u00e1ticas pueden no llamar la atenci\u00f3n o comunicar de forma efectiva. Por eso, cuando busques formas de mejorar el aspecto de tus tablas, a\u00f1adir colores diferentes en distintos atributos puede ser un truco sencillo.&nbsp;<\/p>\n\n\n\n<p>Un simple retoque de colores en distintos elementos de su tabla puede cambiar la forma en que \u00e9sta se presenta a los ojos de los espectadores. Mediante el uso estrat\u00e9gico de colores para encabezados, pies de p\u00e1gina, columnas, filas, bordes o celdas espec\u00edficas, puede modificar su tabla b\u00e1sica para convertirla en una herramienta de comunicaci\u00f3n eficaz.<\/p>\n\n\n\n<p>Este art\u00edculo est\u00e1 aqu\u00ed para mostrarte lo f\u00e1cil que es hacer que tus tablas de WordPress se vean mejor. Se centra en m\u00e9todos sencillos y aptos para principiantes que te permiten a\u00f1adir colores a tus tablas, todo ello sin necesidad de escribir una sola l\u00ednea de c\u00f3digo.&nbsp;<\/p>\n\n\n\n<p>Vamos a dar un paseo a trav\u00e9s de estos m\u00e9todos y pasos para obtener una comprensi\u00f3n m\u00e1s clara de los enfoques para colorear sus tablas.&nbsp;<\/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\" class=\"wp-block-ub-table-of-contents-block ub_table-of-contents\" id=\"ub_table-of-contents-d3d435de-bc92-41f5-85ef-587e3cd74691\" 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: #d4e8ec; color: #2092ab; \">\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\">C\u00f3mo cambiar el color de la tabla en WordPress<\/div>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t<\/div><div class=\"ub_table-of-contents-extra-container\" style=\"\">\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=\"\"><a href=\"https:\/\/tableberg.com\/es\/how-to-change-table-color-in-wordpress-without-coding\/#0-method-1-using-the-default-table-block-\" style=\"\">M\u00e9todo 1: Utilizar el bloque de tabla por defecto<\/a><ul><li style=\"\"><a href=\"https:\/\/tableberg.com\/es\/how-to-change-table-color-in-wordpress-without-coding\/#1-step-1-select-the-table-\" style=\"\">Paso 1: Seleccionar la tabla<\/a><\/li><li style=\"\"><a href=\"https:\/\/tableberg.com\/es\/how-to-change-table-color-in-wordpress-without-coding\/#2-step-2-access-block-settings-\" style=\"\">Paso 2: Acceder a la configuraci\u00f3n del bloque<\/a><\/li><li style=\"\"><a href=\"https:\/\/tableberg.com\/es\/how-to-change-table-color-in-wordpress-without-coding\/#3-step-3-customize-text-background-and-border-colors-\" style=\"\">Paso 3: Personalizar los colores del texto, el fondo y los bordes<\/a><\/li><\/ul><\/li><li style=\"\"><a href=\"https:\/\/tableberg.com\/es\/how-to-change-table-color-in-wordpress-without-coding\/#4-method-2-using-the-tableberg-plugin-\" style=\"\">M\u00e9todo 2: Uso del plugin Tableberg<\/a><ul><li style=\"\"><a href=\"https:\/\/tableberg.com\/es\/how-to-change-table-color-in-wordpress-without-coding\/#5-step-1-install-and-activate-tableberg-\" style=\"\">Paso 1: Instalar y activar Tableberg<\/a><\/li><li style=\"\"><a href=\"https:\/\/tableberg.com\/es\/how-to-change-table-color-in-wordpress-without-coding\/#6-step-2-create-or-select-a-table-\" style=\"\">Paso 2: Crear o seleccionar una tabla<\/a><\/li><li style=\"\"><a href=\"https:\/\/tableberg.com\/es\/how-to-change-table-color-in-wordpress-without-coding\/#7-step-3-customize-the-header-and-footer-colors-\" style=\"\">Paso 3: Personalizar los colores de la cabecera y el pie de p\u00e1gina<\/a><\/li><li style=\"\"><a href=\"https:\/\/tableberg.com\/es\/how-to-change-table-color-in-wordpress-without-coding\/#8-step-4-style-the-background-row-column-and-cell-\" style=\"\">Paso 4: Estilizar el Fondo (Fila, Columna y Celda)<\/a><\/li><li style=\"\"><a href=\"https:\/\/tableberg.com\/es\/how-to-change-table-color-in-wordpress-without-coding\/#9-step-5-adjust-border-colors-\" style=\"\">Paso 5: Ajustar los colores de los bordes<\/a><\/li><li style=\"\"><a href=\"https:\/\/tableberg.com\/es\/how-to-change-table-color-in-wordpress-without-coding\/#10-step-6-adjust-fonttext-color-\" style=\"\">Paso 6: Ajustar fuente\/color del texto<\/a><\/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\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"0-method-1-using-the-default-table-block-\"><strong>M\u00e9todo 1: Utilizar el bloque de tabla por defecto<\/strong><\/h2>\n\n\n\n<p>El bloque de tabla en WordPress es una funci\u00f3n integrada del editor Gutenberg dise\u00f1ada para crear y personalizar tablas de forma sencilla. Aunque sus opciones de color son algo b\u00e1sicas, puedes ajustar los colores del fondo y del texto con facilidad.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"1-step-1-select-the-table-\"><strong>Paso 1: Seleccionar la tabla<\/strong><\/h3>\n\n\n\n<p>Busque la tabla que desea personalizar en el editor de WordPress y, a continuaci\u00f3n, haga clic en la tabla para abrir el panel de configuraci\u00f3n de bloques en el lado derecho.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"438\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1.1-1024x438.png\" alt=\"Seleccione la tabla\" class=\"has-border-color has-primary-accent-border-color wp-image-6559\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1.1-1024x438.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1.1-300x128.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1.1-768x328.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1.1-1536x657.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1.1-18x8.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1.1.png 1782w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"2-step-2-access-block-settings-\"><strong>Paso 2: Acceder a la configuraci\u00f3n del bloque<\/strong><\/h3>\n\n\n\n<p>Con la tabla seleccionada, localice el <strong>Ficha Estilos<\/strong> del panel de configuraci\u00f3n de bloque y haga clic en \u00e9l. A continuaci\u00f3n, vaya a la secci\u00f3n <strong>Ajustes de color<\/strong> secci\u00f3n.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"496\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1.2-1024x496.png\" alt=\"Configuraci\u00f3n del Bloqueo de Acceso\" class=\"has-border-color has-primary-accent-border-color wp-image-6560\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1.2-1024x496.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1.2-300x145.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1.2-768x372.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1.2-1536x744.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1.2-18x9.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1.2.png 1736w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"3-step-3-customize-text-background-and-border-colors-\"><strong>Paso 3: Personalizar los colores del texto, el fondo y los bordes<\/strong><\/h3>\n\n\n\n<p>En el panel Configuraci\u00f3n del color, elija un color de fondo adecuado para aplicarlo a toda la tabla. Tendr\u00e1s la flexibilidad de elegir entre un fondo s\u00f3lido o degradado, pero ten en cuenta que esto afectar\u00e1 uniformemente a toda la tabla, no a filas o celdas espec\u00edficas.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"452\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1.3.1-1024x452.png\" alt=\"Personaliza los colores del texto, el fondo y los bordes\" class=\"has-border-color has-primary-accent-border-color wp-image-6561\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1.3.1-1024x452.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1.3.1-300x132.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1.3.1-768x339.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1.3.1-1536x678.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1.3.1-18x8.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1.3.1.png 1884w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>A continuaci\u00f3n, seleccione un color de texto para garantizar que el contenido siga siendo legible sobre el fondo elegido.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"476\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1.3.2-1024x476.png\" alt=\"Personaliza los colores del texto, el fondo y los bordes\" class=\"has-border-color has-primary-accent-border-color wp-image-6562\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1.3.2-1024x476.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1.3.2-300x139.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1.3.2-768x357.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1.3.2-1536x713.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1.3.2-18x8.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1.3.2.png 1895w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Despl\u00e1cese hasta la opci\u00f3n de color del borde dentro de la misma configuraci\u00f3n y seleccione un color que complemente el dise\u00f1o de su mesa. Este cambio afectar\u00e1 uniformemente a los bordes de toda la mesa.<strong>.<\/strong><\/p>\n\n\n<div class=\"wp-block-ub-content-toggle wp-block-ub-content-toggle-block\" id=\"ub-content-toggle-block-7f8b514a-aa0e-4745-8361-6bbdd5d83f71\" data-mobilecollapse=\"false\" data-desktopcollapse=\"true\" data-preventcollapse=\"false\" data-showonlyone=\"false\">\n<div class=\"wp-block-ub-content-toggle-accordion\" style=\"border-color: #ffe4ec; \" id=\"ub-content-toggle-panel-block-\">\n\t\t\t<div class=\"wp-block-ub-content-toggle-accordion-title-wrap\" style=\"background-color: #ffe4ec;\" aria-controls=\"ub-content-toggle-panel-0-7f8b514a-aa0e-4745-8361-6bbdd5d83f71\" tabindex=\"0\">\n\t\t\t<p class=\"wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-7f8b514a-aa0e-4745-8361-6bbdd5d83f71\" style=\"color: #14111f; \"><strong>Limitaciones del bloque de tablas por defecto<\/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-0-7f8b514a-aa0e-4745-8361-6bbdd5d83f71\">\n\n<ul class=\"wp-block-list\">\n<li>No admite colores alternativos de filas o columnas.\u00a0<\/li>\n\n\n\n<li>No hay opci\u00f3n de personalizar los colores de las celdas individuales.<\/li>\n\n\n\n<li>Las secciones de encabezado y pie de p\u00e1gina no pueden resaltarse con colores distintos.<\/li>\n<\/ul>\n\n<\/div>\n\t\t<\/div>\n<\/div>\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"4-method-2-using-the-tableberg-plugin-\"><strong><strong>M\u00e9todo 2: Uso del plugin Tableberg<\/strong><\/strong><\/h2>\n\n\n\n<p><a href=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" target=\"_blank\" rel=\"noopener\">Tableberg<\/a> es un plugin especializado para usuarios que necesitan opciones de personalizaci\u00f3n m\u00e1s avanzadas para sus tablas. Este m\u00e9todo es ideal para aquellos que quieren m\u00e1s control sobre el dise\u00f1o de sus tablas que el Bloque de Tabla por defecto.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"5-step-1-install-and-activate-tableberg-\"><strong>Paso 1: Instalar y activar Tableberg<\/strong><\/h3>\n\n\n\n<p>Abra el panel de control de WordPress y vaya a <strong>Plugins<\/strong>y haga clic en <strong>A\u00f1adir nuevo<\/strong>. Tipo \"<strong>Tableberg<\/strong>\" en la barra de b\u00fasqueda, inst\u00e1lalo y activa el plugin.<\/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\/01\/Tableberg-install-new-1-1024x415.png\" alt=\"Instalar y activar Tableberg\" class=\"has-border-color has-primary-accent-border-color wp-image-6566\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Tableberg-install-new-1-1024x415.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Tableberg-install-new-1-300x122.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Tableberg-install-new-1-768x312.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Tableberg-install-new-1-18x7.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/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\"\/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"6-step-2-create-or-select-a-table-\"><strong>Paso 2: Crear o seleccionar una tabla<\/strong><\/h3>\n\n\n\n<p>Abra la p\u00e1gina o la entrada en la que desea a\u00f1adir su tabla, haga clic en el insertador de bloques (<strong>+<\/strong>), y a\u00f1ade el bloque tableberg. Una vez que haya terminado, <a href=\"https:\/\/tableberg.com\/es\/docs\/como-crear-su-primera-tabla-con-tableberg\/\">crear la tabla<\/a> en funci\u00f3n de sus necesidades y rell\u00e9nela con contenido. Por \u00faltimo, seleccione toda la tabla haciendo clic en el bot\u00f3n <strong>Icono Tableberg<\/strong> en la barra de herramientas del bloque para abrir el <strong>Ajustes de bloque<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"411\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.2-1024x411.png\" alt=\"Crear o seleccionar una tabla\" class=\"has-border-color has-primary-accent-border-color wp-image-6570\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.2-1024x411.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.2-300x120.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.2-768x308.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.2-18x7.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.2.png 1400w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"7-step-3-customize-the-header-and-footer-colors-\"><strong>Paso 3: Personalizar los colores de la cabecera y el pie de p\u00e1gina<\/strong><\/h3>\n\n\n\n<p>En primer lugar, aseg\u00farese de que su mesa tiene un <a href=\"https:\/\/tableberg.com\/es\/como-anadir-un-encabezado-a-una-tabla-en-wordpress\/\">Cabecera<\/a> y <a href=\"https:\/\/tableberg.com\/es\/como-anadir-un-pie-de-pagina-a-una-tabla-en-wordpress\/\">Pie de p\u00e1gina<\/a> que se ajuste a sus necesidades. Ahora, vaya a la pesta\u00f1a de estilos del panel de configuraci\u00f3n de bloques y utilice las opciones de color para asignar colores de fondo a estas secciones.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"481\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.3-1024x481.png\" alt=\"Personalizar los colores de la cabecera y el pie de p\u00e1gina\" class=\"has-border-color has-primary-accent-border-color wp-image-6571\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.3-1024x481.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.3-300x141.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.3-768x361.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.3-18x8.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.3.png 1400w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"8-step-4-style-the-background-row-column-and-cell-\"><strong>Paso 4: Estilizar el Fondo (Fila, Columna y Celda)<\/strong><\/h3>\n\n\n\n<p>Desde la secci\u00f3n de configuraci\u00f3n del mismo color, puede establecer el mismo color para las filas pares e impares. Si desea un color uniforme para <a href=\"https:\/\/tableberg.com\/es\/como-cambiar-el-color-de-fondo-de-la-tabla-en-wordpress\/\">todo el fondo<\/a> (aparte de la cabecera y el pie de p\u00e1gina) de su tabla, s\u00f3lo tiene que poner el mismo color en estas secciones.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"454\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.4.1-1024x454.png\" alt=\"Estilizar el fondo\" class=\"has-border-color has-primary-accent-border-color wp-image-6572\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.4.1-1024x454.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.4.1-300x133.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.4.1-768x341.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.4.1-18x8.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.4.1.png 1400w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Para celdas individuales, seleccione esa celda en particular y mueva los ajustes de color de nuevo. Seleccione el color apropiado para su celda.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"508\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.4.2-1024x508.png\" alt=\"Estilizar el fondo\" class=\"has-border-color has-primary-accent-border-color wp-image-6573\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.4.2-1024x508.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.4.2-300x149.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.4.2-768x381.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.4.2-18x9.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.4.2.png 1400w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Del mismo modo, si desea tener un color uniforme para toda una fila o columna, seleccione primero la fila o columna y, a continuaci\u00f3n, utilice los ajustes de color para cambiar el color. Pero, si ya est\u00e1 utilizando la opci\u00f3n de color de fila par\/impar, debe borrar esos colores antes de que este ajuste entre en vigor.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"441\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.4.3-1024x441.png\" alt=\"Estilizar el fondo\" class=\"has-border-color has-primary-accent-border-color wp-image-6574\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.4.3-1024x441.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.4.3-300x129.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.4.3-768x331.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.4.3-18x8.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.4.3.png 1400w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"9-step-5-adjust-border-colors-\"><strong>Paso 5: Ajustar los colores de los bordes<\/strong><\/h3>\n\n\n\n<p>Despl\u00e1cese m\u00e1s abajo en el <strong>Ficha Estilos <\/strong>y localice el <strong>Configuraci\u00f3n de los bordes<\/strong>. Encontrar\u00e1 una amplia gama de funciones para <a href=\"https:\/\/tableberg.com\/es\/como-cambiar-el-color-del-borde-de-la-tabla-en-wordpress\/\">aplicar colores a todos los bordes de la mesa<\/a>. En primer lugar, puede cambiar el borde de su tabla desde la opci\u00f3n <strong>Borde de la mesa<\/strong> y, a continuaci\u00f3n, modifique el color del borde interior de la secci\u00f3n <strong>Inner Border<\/strong> de forma similar. Para obtener un mejor efecto, puede que tenga que cambiar primero el grosor de cada borde.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"473\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.5.1-1024x473.png\" alt=\"Ajustar los colores de los bordes\" class=\"has-border-color has-primary-accent-border-color wp-image-6575\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.5.1-1024x473.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.5.1-300x139.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.5.1-768x355.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.5.1-18x8.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.5.1.png 1400w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>&nbsp;A continuaci\u00f3n, si desea un color de borde espec\u00edfico para una fila o columna concreta, seleccione primero la fila o columna y despl\u00e1cese m\u00e1s adelante en la pantalla <strong>Configuraci\u00f3n de los bordes<\/strong>. Encuentre los ajustes para el <strong>Borde de fila <\/strong>y el <strong>Borde de columna<\/strong> y cambiar los colores.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"454\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.5.2-1024x454.png\" alt=\"Ajustar los colores de los bordes\" class=\"has-border-color has-primary-accent-border-color wp-image-6576\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.5.2-1024x454.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.5.2-300x133.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.5.2-768x341.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.5.2-18x8.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.5.2.png 1400w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"10-step-6-adjust-fonttext-color-\"><strong>Paso 6: Ajustar fuente\/color del texto<\/strong><\/h3>\n\n\n\n<p>Si desea <a href=\"https:\/\/tableberg.com\/es\/docs\/como-cambiar-el-color-del-texto-en-una-tabla\/\">cambiar el color de la fuente<\/a> de todos los textos de su tabla, debe utilizar la configuraci\u00f3n de Estilo de fuente global. Despl\u00e1cese m\u00e1s abajo en el panel de configuraci\u00f3n, localice el bot\u00f3n <strong>Color de fuente<\/strong> y seleccione el color deseado.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"473\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/6.1-1024x473.png\" alt=\"Ajustar fuente\/color del texto\" class=\"has-border-color has-primary-accent-border-color wp-image-6577\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/6.1-1024x473.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/6.1-300x138.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/6.1-768x354.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/6.1-18x8.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/6.1.png 1400w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Si desea cambiar el color de fuente de un texto espec\u00edfico en una celda concreta, haga clic en dicho texto, despl\u00e1cese a la opci\u00f3n<strong> Estilos<\/strong> en el panel lateral derecho, abra el texto <strong>Color <\/strong>y c\u00e1mbiala.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"478\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/6.2-1024x478.png\" alt=\"Ajustar fuente\/color del texto\" class=\"has-border-color has-primary-accent-border-color wp-image-6578\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/6.2-1024x478.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/6.2-300x140.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/6.2-768x358.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/6.2-18x8.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/6.2.png 1400w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"11-conclusion-\"><strong>Conclusi\u00f3n<\/strong><\/h4>\n\n\n\n<p>El Bloque de Tabla por Defecto es perfecto para ajustes b\u00e1sicos, mientras que Tableberg proporciona opciones m\u00e1s avanzadas para una personalizaci\u00f3n detallada. Esta gu\u00eda te ha mostrado c\u00f3mo dar estilo a encabezados, pies de p\u00e1gina, filas y celdas sin esfuerzo, todo ello sin ning\u00fan tipo de codificaci\u00f3n. Con estos m\u00e9todos, puedes crear tablas que no s\u00f3lo son funcionales, sino que tambi\u00e9n se alinean visualmente con el dise\u00f1o de tu sitio. Ahora es el momento de poner en pr\u00e1ctica estos consejos y hacer que tus tablas destaquen.<\/p>","protected":false},"excerpt":{"rendered":"<p>Tables are the proper tool in WordPress to present data in an organized way, but plain, monochromatic tables might fail to grab attention or communicate effectively. So, when you\u2019re looking for ways to make your tables come out with a better appearance, adding different colors in different attributes can be an easy hack.&nbsp; A simple [&hellip;]<\/p>\n","protected":false},"author":9,"featured_media":6551,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[7],"tags":[],"class_list":["post-6550","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to"],"featured_image_src":"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/How-to-Change-Table-Color-in-WordPress-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\/6550","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=6550"}],"version-history":[{"count":9,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/posts\/6550\/revisions"}],"predecessor-version":[{"id":6584,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/posts\/6550\/revisions\/6584"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/media\/6551"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/media?parent=6550"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/categories?post=6550"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/tags?post=6550"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}