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.

¿De cuánta utilidad te ha parecido este contenido?

¡Haz clic en los emoticonos para valorarlo!

Promedio de puntuación 3.9 / 5. Total de votos: 7

Hasta ahora ¡no hay votos!. Sé el primero en valorar este contenido.

Ya que has encontrado útil este contenido...

¡Sígueme en los medios sociales!

¡Siento que este contenido no te haya sido útil!

¡Ayúdame a mejorar este contenido!

Por favor, dime, ¿cómo puedo mejorarlo?

¿Te gustó este artículo? ¡Ni te imaginas lo que te estás perdiendo en YouTube!

Sobre el autor

Deja un comentario

Tu dirección de correo electrónico no será publicada.

Información base sobre privacidad:
  • Responsable: Fernando Tellado ([email protected])
  • Fin del tratamiento: Moderación de comentarios para evitar spam
  • Legitimación: Tu consentimiento
  • Comunicación de los datos: No se comunicarán los datos a terceros salvo por obligación legal
  • Derechos: Acceso, rectificación, portabilidad, olvido

 

Ir arriba
Ir al contenido