Cómo eliminar los posts relacionados en Astra WordPress paso a paso
Cuando creamos un blog o sitio web en WordPress utilizando el tema Astra (versión gratuita o pro), es común encontrarnos con una sección de «Posts relacionados» (o Related Posts) al final de cada entrada. Aunque esta función puede ser útil para aumentar el tiempo de permanencia de los visitantes, no siempre se alinea con nuestros objetivos de diseño, velocidad o SEO.
En este artículo te explico, paso a paso y de manera detallada, cómo eliminar los posts relacionados que Astra inserta automáticamente, tanto de forma visual con CSS como de forma estructural y definitiva mediante código personalizado, idealmente usando el plugin WPCode.
Opciones para eliminar los posts relacionados en Astra
1. Eliminar visualmente con CSS (solución rápida pero superficial)
La forma más rápida y sencilla de eliminar los posts relacionados de la vista del usuario es mediante CSS. Esto oculta el contenido en pantalla, pero no lo elimina del código fuente. Es decir, los robots de Google y los visitantes que inspeccionan el código HTML seguirán viendo el bloque.
☑ Código CSS para ocultar el bloque de posts relacionados:
- Entra en tu panel de WordPress.
- Ve a Apariencia > Personalizar > CSS adicional.
- Pega este código:
.ast-related-posts-wrapper {
display: none !important;
}
Este bloque elimina visualmente todo el contenedor principal de los posts relacionados.
Puedes ampliarlo para mayor cobertura:
.ast-related-posts-wrapper,
.ast-related-posts-title-section,
.ast-related-post,
.ast-related-post-title,
.ast-single-related-posts-container {
display: none !important;
}
⚠ Advertencia:
Este método solo oculta a nivel visual. El HTML sigue presente, lo cual tiene implicaciones:
- Google lo sigue rastreando.
- El peso de la página no mejora.
- No se mejora la velocidad real ni el SEO técnico.
2. Eliminación estructural: eliminar los posts relacionados completamente del código fuente
Para quitar completamente los posts relacionados de Astra, necesitamos intervenir desde el backend. Esto se puede lograr escribiendo un pequeño bloque de código PHP.
La forma recomendada de insertar este código sin tocar archivos del tema directamente es utilizando el plugin WPCode (antes llamado Code Snippets).
☑ Paso a paso: eliminar los posts relacionados de forma definitiva usando WPCode
Paso 1: Instalar el plugin WPCode
- Ve a Plugins > Añadir nuevo.
- Busca «WPCode».
- Instala y activa WPCode — Insert Headers and Footers + Custom Code Snippets.
Paso 2: Crear un nuevo snippet
- Ve a WPCode > Code Snippets.
- Haz clic en «Add New».
- Elige «PHP Snippet».
- Dale un título como «Eliminar Related Posts de Astra».
- Pega el siguiente código:
add_action('template_redirect', function () {
if (!is_single()) {
return; // Solo actúa en entradas individuales
}
ob_start(function ($content) {
// Elimina el bloque principal de posts relacionados
$content = preg_replace(
'#<div class="ast-related-posts-wrapper">.*?</div>\s*</div>#si',
'',
$content
);
// Elimina título externo del bloque
$content = preg_replace(
'#<div class="ast-related-posts-title-section">.*?</div>#si',
'',
$content
);
// Elimina artículos individuales relacionados
$content = preg_replace(
'#<article class="ast-related-post.*?</article>#si',
'',
$content
);
// Elimina títulos de post relacionados sueltos
$content = preg_replace(
'#<h3 class="ast-related-post-title entry-title">.*?</h3>#si',
'',
$content
);
// Elimina enlaces a posts relacionados
$content = preg_replace(
'#<a[^>]+rel="bookmark noopener noreferrer"[^>]*>.*?</a>#si',
'',
$content
);
// Elimina fecha solo si está dentro de un bloque relacionado
$content = preg_replace(
'#<div class="entry-meta ast-related-cat-style--none.*?<span class="posted-on">.*?</span>.*?</div>#si',
'',
$content
);
// Elimina categorías del post relacionado
$content = preg_replace(
'#<span class="ast-taxonomy-container cat-links default">.*?</span>#si',
'',
$content
);
return $content;
});
});
Paso 3: Guardar y activar
- En la parte inferior, marca la opción «Active«.
- Haz clic en «Save Snippet».
✅ Resultado esperado:
- El HTML completo de los posts relacionados desaparece del código fuente.
- Google y los navegadores ya no lo ven ni lo rastrean.
- Mejora la limpieza del código y el rendimiento.
⚡ Mejora adicional (opcional): eliminar un div contenedor externo
Si deseas afinar aún más el resultado y eliminar hasta el último vestigio del bloque relacionado, puedes eliminar también este bloque contenedor:
<div class="ast-single-related-posts-container ast-container--fallback">
<header class="entry-header related-entry-header"></header>
<div class="entry-content clear"></div>
</div>
Esto se podría hacer con una línea adicional en el código:
$content = preg_replace(
'#<div class="ast-single-related-posts-container ast-container--fallback">.*?</div>#si',
'',
$content
);
⚠ Pero… ¡Advertencia!
No recomendamos eliminar este div si te gusta el resultado visual tras aplicar el filtro anterior. En muchos casos, este contenedor actúa como un separador o mantiene la coherencia estética del post.
Por eso lo dejamos, ya que el contenido interno ha sido completamente eliminado y este contenedor vacío no afecta a nivel SEO ni visual negativamente. Al contrario, puede ayudarte a mantener el diseño consistente.
Conclusión
Eliminar los «posts relacionados» en el tema Astra puede parecer difícil al principio, pero con estas dos estrategias (CSS y PHP con WPCode) puedes elegir el método que mejor se adapte a tus necesidades:
- CSS es rápido y sencillo, ideal si solo quieres ocultarlos visualmente.
- WPCode con PHP es la opción más completa y profesional si quieres eliminarlos completamente del HTML, mejorando limpieza, rendimiento y SEO.
Y si deseas ir un paso más allá, puedes eliminar incluso el contenedor externo, aunque muchas veces conviene dejarlo por motivos estéticos.
Con estas herramientas y explicaciones, tienes control total sobre tu tema Astra y puedes dejar tus entradas exactamente como las quieres: limpias, rápidas y sin distracciones innecesarias.
Categoría: Tema Astra