Las tablas son la herramienta adecuada en WordPress para presentar datos de forma organizada, pero las tablas simples y monocromáticas pueden no llamar la atención o comunicar de forma efectiva. Por eso, cuando busques formas de mejorar el aspecto de tus tablas, añadir colores diferentes en distintos atributos puede ser un truco sencillo.
Un simple retoque de colores en distintos elementos de su tabla puede cambiar la forma en que ésta se presenta a los ojos de los espectadores. Mediante el uso estratégico de colores para encabezados, pies de página, columnas, filas, bordes o celdas específicas, puede modificar su tabla básica para convertirla en una herramienta de comunicación eficaz.
Este artículo está aquí para mostrarte lo fácil que es hacer que tus tablas de WordPress se vean mejor. Se centra en métodos sencillos y aptos para principiantes que te permiten añadir colores a tus tablas, todo ello sin necesidad de escribir una sola línea de código.
Vamos a dar un paseo a través de estos métodos y pasos para obtener una comprensión más clara de los enfoques para colorear sus tablas.
Método 1: Utilizar el bloque de tabla por defecto
El bloque de tabla en WordPress es una función integrada del editor Gutenberg diseñada para crear y personalizar tablas de forma sencilla. Aunque sus opciones de color son algo básicas, puedes ajustar los colores del fondo y del texto con facilidad.
Paso 1: Seleccionar la tabla
Busque la tabla que desea personalizar en el editor de WordPress y, a continuación, haga clic en la tabla para abrir el panel de configuración de bloques en el lado derecho.
Paso 2: Acceder a la configuración del bloque
Con la tabla seleccionada, localice el Ficha Estilos del panel de configuración de bloque y haga clic en él. A continuación, vaya a la sección Ajustes de color sección.
Paso 3: Personalizar los colores del texto, el fondo y los bordes
En el panel Configuración del color, elija un color de fondo adecuado para aplicarlo a toda la tabla. Tendrás la flexibilidad de elegir entre un fondo sólido o degradado, pero ten en cuenta que esto afectará uniformemente a toda la tabla, no a filas o celdas específicas.
A continuación, seleccione un color de texto para garantizar que el contenido siga siendo legible sobre el fondo elegido.
Desplácese hasta la opción de color del borde dentro de la misma configuración y seleccione un color que complemente el diseño de su mesa. Este cambio afectará uniformemente a los bordes de toda la mesa..
Limitaciones del bloque de tablas por defecto
- No admite colores alternativos de filas o columnas.
- No hay opción de personalizar los colores de las celdas individuales.
- Las secciones de encabezado y pie de página no pueden resaltarse con colores distintos.
Método 2: Uso del plugin Tableberg
Tableberg es un plugin especializado para usuarios que necesitan opciones de personalización más avanzadas para sus tablas. Este método es ideal para aquellos que quieren más control sobre el diseño de sus tablas que el Bloque de Tabla por defecto.
Paso 1: Instalar y activar Tableberg
Abra el panel de control de WordPress y vaya a Pluginsy haga clic en Añadir nuevo. Tipo "Tableberg" en la barra de búsqueda, instálalo y activa el plugin.
Paso 2: Crear o seleccionar una tabla
Abra la página o la entrada en la que desea añadir su tabla, haga clic en el insertador de bloques (+), y añade el bloque tableberg. Una vez que haya terminado, crear la tabla en función de sus necesidades y rellénela con contenido. Por último, seleccione toda la tabla haciendo clic en el botón Icono Tableberg en la barra de herramientas del bloque para abrir el Ajustes de bloque.
Paso 3: Personalizar los colores de la cabecera y el pie de página
En primer lugar, asegúrese de que su mesa tiene un Cabecera y Pie de página que se ajuste a sus necesidades. Ahora, vaya a la pestaña de estilos del panel de configuración de bloques y utilice las opciones de color para asignar colores de fondo a estas secciones.
Paso 4: Estilizar el Fondo (Fila, Columna y Celda)
Desde la sección de configuración del mismo color, puede establecer el mismo color para las filas pares e impares. Si desea un color uniforme para todo el fondo (aparte de la cabecera y el pie de página) de su tabla, sólo tiene que poner el mismo color en estas secciones.
Para celdas individuales, seleccione esa celda en particular y mueva los ajustes de color de nuevo. Seleccione el color apropiado para su celda.
Del mismo modo, si desea tener un color uniforme para toda una fila o columna, seleccione primero la fila o columna y, a continuación, utilice los ajustes de color para cambiar el color. Pero, si ya está utilizando la opción de color de fila par/impar, debe borrar esos colores antes de que este ajuste entre en vigor.
Paso 5: Ajustar los colores de los bordes
Desplácese más abajo en el Ficha Estilos y localice el Configuración de los bordes. Encontrará una amplia gama de funciones para aplicar colores a todos los bordes de la mesa. En primer lugar, puede cambiar el borde de su tabla desde la opción Borde de la mesa y, a continuación, modifique el color del borde interior de la sección Inner Border de forma similar. Para obtener un mejor efecto, puede que tenga que cambiar primero el grosor de cada borde.
A continuación, si desea un color de borde específico para una fila o columna concreta, seleccione primero la fila o columna y desplácese más adelante en la pantalla Configuración de los bordes. Encuentre los ajustes para el Borde de fila y el Borde de columna y cambiar los colores.
Paso 6: Ajustar fuente/color del texto
Si desea cambiar el color de la fuente de todos los textos de su tabla, debe utilizar la configuración de Estilo de fuente global. Desplácese más abajo en el panel de configuración, localice el botón Color de fuente y seleccione el color deseado.
Si desea cambiar el color de fuente de un texto específico en una celda concreta, haga clic en dicho texto, desplácese a la opción Estilos en el panel lateral derecho, abra el texto Color y cámbiala.
Conclusión
El Bloque de Tabla por Defecto es perfecto para ajustes básicos, mientras que Tableberg proporciona opciones más avanzadas para una personalización detallada. Esta guía te ha mostrado cómo dar estilo a encabezados, pies de página, filas y celdas sin esfuerzo, todo ello sin ningún tipo de codificación. Con estos métodos, puedes crear tablas que no sólo son funcionales, sino que también se alinean visualmente con el diseño de tu sitio. Ahora es el momento de poner en práctica estos consejos y hacer que tus tablas destaquen.
