Nombre de la categoría como título de las entradas relacionadas de Astra

El tema Astra incluye una funcionalidad de entradas relacionadas que puedes personalizar a tu gusto fácilmente, pero siempre hay algo más que podrías querer cambiar, como que el título de las entradas relacionadas sea el nombre de la categoría principal.

Por defecto tienes un montón de cosas que puedes personalizar a tu gusto…

Pero no está ahí el lugar desde el que cambiar el título para que muestre automáticamente el nombre de la categoría principal.

Para conseguirlo debes editar el archivo functions.php del tema hijo y añadir al final del mismo lo siguiente:

/* Categoria como titulo de relacionadas */ 
add_filter( 'astra_related_posts_title', 'astra_related_poat_title' );
function astra_related_poat_title() {
return sprintf(
'<div class="ast-related-posts-title-section"> <%1$s class="ast-related-posts-title"> %2$s </%1$s> </div>',
'h2',
esc_html__( get_the_category()[0]->name, 'astra' )
);
}

Guarda los cambios y el resultado será que el título de entradas relacionadas que tenías definido se cambiará por el nombre de la categoría principal de la entrada.

Ahora bien, puedes dejarlo ahí o personalizar un poco más el código, aprovechando, por ejemplo, para:

Añadir un texto personalizado al nombre de la categoría
Cambiando la etiqueta HTML por defecto del título de las entradas relacionadas (H2) por otra etiqueta con menos peso SEO.

El código, con algunas modificaciones, podría quedar así:

/* Categoria como titulo de relacionadas */ 
add_filter( 'astra_related_posts_title', 'astra_related_poat_title' );
function astra_related_poat_title() {
return sprintf(
'<div class="ast-related-posts-title-section"> <%1$s class="ast-related-posts-title">Más entradas de la categoría %2$s </%1$s> </div>',
'h4', 
esc_html__( get_the_category()[0]->name, 'astra' )
);
}

Solo he añadido un poco de texto antes del nombre de la categoría, y cambiada la etiqueta HTML del título de las entradas relacionadas a un H4 (ambos cambios en rojo).

El resultado quedaría así:

Quizás te llame la atención que, visualmente, el título tenga el mismo aspecto y tamaño que antes, debido a la clase CSS que utiliza el código, pero revisando el código podrás comprobar que la etiqueta HTML ha cambiado de H2 a H4.