La actualización 1.0.104 del plugin Rank Math, en su versión gratis del 19 diciembre, añade un nuevo bloque de tabla de contenidos y ya era hora.
Esta funcionalidad, muy útil para el lector y beneficiosa a efectos de posicionamiento, hasta ahora tenía que añadirse con un plugin dedicado como Simple TOC o similar. Aunque se podía conseguir sin plugin, era engorroso y no funcionaba en todos los casos.
Como en esta casa somos amantes del WPO y por tanto de usar solo los plugins estrictamente necesarios y únicamente cuando no haya más remedio por no existir alternativa para recrear la misma función a puro código, que Rank Math integre las tablas de contenido es una buena noticia. Hoy se desinstala un plugin que servía solo para esas tablas.
Rank Math sigue siendo un plugin relativamente ligero ya que es modular y se puede desactivar todo aquello que no necesites. Además, siempre puedes apoyarte en el Script Manager de Perfmatters para controlar aún más lo que carga en cada punto.
El nuevo bloque no tiene mucho misterio porque sus posibilidades de configuración son las justas y eso me gusta porque indica que no "engorda" Rank Math. Se puede añadir como cualquier otro bloque creando uno reutilizable, que usará la configuración general, o metiendo uno simple si necesitas que tenga otros parámetros distintos solo para entradas concretas.
No hay concesiones para mucha floritura estética. Si quieres darle otro formato tendrás que tirar de CSS.
Desde los ajustes del bloque en el editor puedes establecer la envoltura de título de la tabla, el tamaño y color de los enlaces y el fondo. En "dimensiones" se encuentran los ajustes para afinar relleno y margen.
Otra cosa que permite el bloque es editar el texto de anclaje que se añade automáticamente a los enlaces de los encabezados por si quieres apuntarlo a otra parte del texto. Eso se hace con el botón verde, con el rojo escondes aquellos encabezados que no quieres que se muestren.
No existe la posibilidad de añadir tablas automáticamente según el tipo de encabezados de tus post, aunque en el foro de soporte aseguran que seguirán mejorando el plugin y no descartan incluir esta función en el futuro. Este puede ser su punto más flojo, ya que si tienes muchas tablas ya añadidas con otro plugin tocará sustituirlas a mano.
El camino más fácil es crear un bloque reutilizable y aplicarlo de manera global a todas las páginas/post tirando de hook o con algo similar a "Elements" de GeneratePress.
Sin embargo, no todo son malas noticias. Las tablas que hayas añadido usando Yoast o AIOSEO podrás importarlas cuando configures Rank Math por primera vez usando su asistente de configuración. Rank Math importará automáticamente todos esos bloques. O siempre puedes hacerlo después de instalarlo desde el menú Rank Math / Estado y herramientas / Herramientas de la base de datos.
Problemas con GeneratePress
Como todo no podía ser bonito, lo primero que encontré fueron problemas usando el bloque en GeneratePress. No se mostraba el cuadro de ajustes de "Dimensiones". Esto sucede porque en algunas plantillas está desactivado de forma predeterminada y requiere que se active en el tema declarando soporte.
Para recuperarlo hay que añadir el siguiente snippet a GeneratePress.
add_theme_support( 'custom-spacing' );
Al añadir relleno se veían los cambios en el back end, pero no en el front end y el cuadro de ajustes de margen tampoco aparece. Tampoco pude conseguir que funcionara dentro de un contenedor de GenerateBlocks para darle formato.
La solución apareció entre el foro de soporte de Rank Math (en abierto para su versión gratis) y el de GeneratePress. Hay que recurrir al CSS para dejar las tablas algo más presentables y ya de paso ponerles el borde y la sombrita que tenían. Por aquí queda por si alguien está en las mismas.
.wp-block-rank-math-toc-block {
--wp--preset--spacing--50: 15px;
--wp--preset--spacing--20: 5px;
margin-bottom: 15px;
border: 1px solid;
border-radius: 20px;
box-shadow: 5px 5px 10px 0 rgba(0,0,0,0.1);
}
Todo esto está mucho mejor explicado en este hilo del cojonudo foro de soporte de GeneratePress, que es donde también me procuraron ese CSS para clonar el aspecto primitivo de las tablas.
De momento estas serán las tablas que use mientras Gutenberg termina de peinar su bloque nativo y lo añade al core de WordPress. +Info.
Más info sobre las tablas de contenido en Rank Math.
Este artículo contiene algunos enlaces de afiliado.