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.