Cómo resaltar la página actual en el menú de navegación de WordPress

Cómo personalizar CSS para páginas específicas

Ultima actualización en por Debjit Saha

Extractos de IsItWP

¿Quieres personalizar el CSS para páginas específicas? Agregar el slug de la página principal a body_class es una excelente manera de apuntar a una página específica con CSS. De esta manera, puede identificar fácilmente la clase del artículo que desea cambiar.

Instrucciones:

Todo lo que necesita hacer es agregar este código al archivo functions.php de su tema o en un complemento 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;
}

Notar: Si es la primera vez que agrega fragmentos en WordPress, consulte nuestra guía sobre cómo copiar / pegar fragmentos correctamente en WordPress, para que no rompa accidentalmente su sitio.

Si le gustó este fragmento de código, consulte nuestras otras publicaciones en el sitio, como: 62 mejores temas de blogs gratuitos de WordPress o 7 mejores complementos de formularios de contacto de WordPress.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Ir arriba