Dos trucos WordPress: tablas y «enlaces internos»

Sí, sí, que este año también hablaré de tipografía, WordPress y las cosas de siempre. Al menos un poco. En fin, que hoy tocan dos temas. El primero las «tablas». Que deberían llamarse cuadros, pero yo ya me he rendido. Tablas. Tendré que acostumbrarme. El segundo tema es cómo realizar un índice interno en un artículo o página de tu sitio WordPress.


Tablas en WordPress, pero sin utilizar complementos

Actualización (2020): el nuevo editor «de bloques» de WordPress agrega la opción de crear tablas.

El editor por defecto de WordPress no nos da opciones para crear tablas, pero es posible hacerlas sin problemas. Compara esta

Cabecera 1

Cabecera 2

Cabecera 3

Contenido 11

Contenido 12

Contenido 13

Contenido 21

Contenido 22

Contenido 23

Con esta

Cabecera 1Cabecera 2Cabecera 3
Contenido 11Contenido 12Contenido 13
Contenido 21Contenido 22Contenido 23

Diferentes, ¿verdad? La primera la he creado en Writer dándole formato y luego copiando y pegando, pero la verdad es que no ha quedado muy parecida a la original: el código HTML que se genera es un tanto extraño. La segunda la he creado rápidamente con el siguiente servicio en línea

HTML Table generator

Se le da el formato, se copia el código que genera al portapapeles y se pega en el editor de texto de WordPress (la pestaña HTML). Allí puedes elegir tipo de fuente, tamaño, colores, lo que te plazca. Puedes importar el contenido de la tabla desde el portapapeles o desde un archivo. Todo es muy simple de utilizar, por lo que te dejo jugar con el servicio.

Enlaces internos en un artículo

Como puedes ver, puedes ir del índice que se encuentra al inicio del artículo a cada parte título y de este regresar al índice. En lugar de entrar en explicaciones liosas, te dejo con el código que he utilizado (insertándolo en el editor HTML, como siempre)

Para el «índice» (me salteo la parte del «marco» que eso ya lo he explicado):

<ul>
 	<li><a class="sdfootnoteanc" href="#sdfootnote1sym" name="sdfootnote1anc">Tablas en WordPress, pero sin utilizar complementos</a></li>
 	<li><a class="sdfootnoteanc" href="#sdfootnote2sym" name="sdfootnote2anc">Enlaces internos en un artículo</a></li>
</ul>

Para el primer título:

<h2><a class="sdfootnotesym" href="#sdfootnote1anc" name="sdfootnote1sym">Tablas en WordPress, pero sin utilizar complementos</a></h2>

Para el segundo título:

<h2><a class="sdfootnotesym" href="#sdfootnote2anc" name="sdfootnote2sym">Enlaces internos en un artículo</a></h2>

¡Ten cuidado con la numeración de las etiquetas!

Estos enlaces internos también pueden ser llamados desde otro artículo o página: simplemente utiliza como dirección

url-del-artículo-o-página#etiqueta

donde las dos etiquetas utilizadas en este artículo son sdfootnote1sym y sdfootnote2sym. Por ejemplo

https://elpinguinotolkiano.wordpress.com/2019/02/28/dos-trucos-wordpress-tablas-y-enlaces-internos/#sdfootnote1sym

o lo que uso para la lista de artículos sobre fuentes tipográficas

https://elpinguinotolkiano.wordpress.com/entradas-destacadas/#fuentes

Claramente esto también puede utilizarse para insertar «notas al pie» en los artículos como he hecho aquí, pero te dejo la tarea de descubrir los detalles.

¡Todo listo!