¿Quieres personalizar el CSS para páginas específicas? Agregar la ruta de la página principal a `body_class` es una excelente manera de apuntar a una página específica con CSS. De esa manera, puedes identificar fácilmente la clase del elemento que deseas cambiar.
Instrucciones:
Todo lo que tienes que hacer es agregar este código al archivo functions.php de tu tema o a un plugin específico del sitio:
add_filter('body_class','body_class_section');
function body_class_section($classes) {
global $wpdb, $post;
if (is_page()) {
if ($post->post_parent) {
$parent = end(get_post_ancestors($current_page_id));
} else {
$parent = $post->ID;
}
$post_data = get_post($parent, ARRAY_A);
$classes[] = 'parent-' . $post_data['post_name'];
}
return $classes;
}
Nota: Si es la primera vez que agregas fragmentos de código en WordPress, consulta nuestra guía sobre cómo copiar / pegar fragmentos de código correctamente en WordPress, para que no rompas accidentalmente tu sitio.
Si te gustó este fragmento de código, considera echar un vistazo a nuestros otros artículos en el sitio como: 62 mejores temas gratuitos de WordPress para blogs o 7 mejores plugins de formularios de contacto de WordPress.
¡Funciona de maravilla en WordPress 3.9.1, gracias!
¿Se puede adaptar esto para agregar el ancestro superior a la clase del cuerpo? Entonces, si navego a una página nieta, ¿veo no el slug del padre, sino el slug del abuelo?
Cuando uso esto, todavía obtengo todas las clases predeterminadas de BS que agrega WP. ¿Hay alguna forma de filtrar esas?
Hola Jess, publicaré un fragmento el lunes que proporcionará una solución para esto.
Gracias, es exactamente lo que estaba buscando. Una pregunta: ¿se podría adaptar para que no solo genere el slug de la página principal en las clases del cuerpo, sino también el slug de la página actual? Esto sería útil para apuntar secciones en CSS, además de páginas específicas.
Escribiré algo para poder publicarlo en unos días.
Gracias, lo espero con ansias 🙂