Crear una tabla en WordPress sin usar plugins es una tarea muy sencilla. Por supuesto, puedes usar plugins para ellos, pero tendrás que tenerlos siempre instalados con la inncesaria recarga de tu hosting que eso conlleva.
El primer paso es meterte dónde quieres insertar la tabla: una página o una entrada. Lo siguiente es clickar sobre “text”.
El segundo paso es introducir el siguiente código:
<table> </table>
Ese código crea una tabla por si misma, ahora es necesario definir el número de columnas y filas que ha de tener.
Para ello usaremos las etiquetas <tr><tr> y <td></td>, las etiquetas <tr> se introducen dentro de la etiquetas <table></table> y a su vez, las <td></td> dentro de las <tr></tr>….cada <tr></tr> es una fila y cada <td></td> una columna, puede que te parezca lioso pero no lo es. Veamos cómo quedaría una tabla de 3 filas y 4 columnas.
<table> <tr> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> <td></td> </tr> </table>
Fin del ejemplo
Si cambias al modo “Visual”, el código escrito se vería así:
Y ahora puedes escribir lo que quieras dentro de la tabla en el modo “visual” pinchando en cada recuadro o en el modo “text” escibiendo las palabras entre <td></td>. En el modo visual es más sencillo. Y quedaría algó así(yo he escrito cosas ya en la tabla):
| Hosting | Precio | GB | Procesador |
| Hosting A | 20€/mes | 5 | Dedicado |
| Hosting B | 15€/mes | 6 | Compartido |
Así de sencillo es crear una tabla en HTML que es efectiva para WordPress, Tumblr, Blogger o dónde quieras.
¿Te parece un poco sosa la tabla?
No hay problema, puedes cambiarla a tu gusto:
<table style="background-color:blue;color:white;border:solid black 3px;"> <tr> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> <td></td> </tr> </table>
Se vería así:
| Hosting | Precio | GB | Procesador |
| Hosting A | 20€/mes | 5 | Dedicado |
| Hosting B | 15€/mes | 6 | Compartido |
Simplemente hemos añadido a la etiqueta <table> style=”background-color:blue;color:white;border:solid black 3px;”, si no quieres comerte el coco, simplemente cambia “blue” por el color que quieras; orange, yellow, green, etc..Ese va a ser el color de fondo de la tabla, también puede quedarse en blanco en cuyo caso pon “white” o deja el color vacío. Cambiar el “white” por el color que quieras para el color de las letras. Y cambia el “black” por el que quieras para darle color al borde, si no quieres borde simplemente dejalo vacío, o si quieres un borde de otro grosor cambia el “3px” por “5px” para que sea más grueso o por “1px” para que sea muy fino.
Si lo que quieres es usar color muy especificos puedes usar esto: Color Picker.
Simplemente pincha el color que quieres, y al lado aparecerá un código, como por ejemplo: #4d4dff Pon ese código dónde antes había escrito un color.
Y eso es todo, así de sencillo es crear una tabla en HTML para WordPress o cualquier otro CMS.
Por supuesto, puedes hacer cosas más guays y personalizar más aún una tabla, pero eso lo veremos en otro artículo.
|
|
Acepto donaciones de BAT's mediante el navegador Brave 🙂 |