Tablas en WordPress. Utilizar Style. Dibujo de un esquema de varias tablas

Tablas en WordPress. Utilizar Style

Al crear una tabla en WordPress muchas veces los parámetros habituales utilizados en las tablas no funcionan bien. Esto es debida las reglas CSS definidas en la plantilla del Theme, por ejemplo la típica instrucción valign=top para alinear el texto a la parte superior no suele funcionar.

Para poder personalizar el comportamiento de los elementos de una tabla es necesario usar la instrucción style de esta forma:

Por ejemplo:

  • En vez de <td align=»right»> poner: <td style=»text-align:right«>
  • En vez de <td align=»center»> poner: <td style=»text-align:center»>
  • En vez de <td align=»justify»> poner: <td style=»text-align:justify«>
  • En vez de <td valign=»top»> poner: <td style=»vertical-align: top»>
  • En vez de <td valign=»middle»> poner: <td style=»vertical-align: middle»>

Otros ejemplos de style:

Otros parámetros:

border-width: 1px;
border-spacing: 2px;
border-style: outset;
border-color: gray;
border-collapse: collapse;
background-color: white;
// Grosor de fuente
font-weight: normal
font-weight: bold
font-weight: 900

No solamente en tablas es aplicable el parámetro Style, en algunas ocasiones comprobaremos que al incluir una imagen o foto en una Entrada esta aparece con el borde sólido incluso si especificamos el parámetro border=»0″.

Consejo para editar tablas

El mejor sistema para editar tablas a nuestro gusto en WordPress que he encontrado es el plugin
Advanced Editor Tools (previously TinyMCE Advanced), además de extender el editor de WordPress con muchas funciones, permite ajustar las tablas de una forma muy sencilla e intuitiva.

2 comentarios en “Tablas en WordPress. Utilizar Style”

  1. Gracias Alex por este artículo.
    He visto videos y artículos sobre como como alinear verticalmente y ninguno código me funcionaba. Tu explicación me ha servido así que muchísimas gracias por tu artículo.
    Es muy útil.
    Un saludo

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.plugin cookies

ACEPTAR
Aviso de cookies