¿Cómo poner en condición condicional una hoja de estilo solo para una o varias páginas?

Navega tus respuestas
9

Antes de comenzar, quiero reconocer que hay algunos artículos realmente buenos que están orientados a la puesta en cola condicional de los scripts basados en la página / contenido de la publicación.

Son geniales, pero son mucho más avanzados de lo que quiero hacer.

Siento que la respuesta es usar la función is_page() incorporada ( codex ), pero cuando lo intento para usarlo, el sitio se rompe, o simplemente no funciona.

Creo que solo estoy ejecutando la lógica condicional en el lugar equivocado.

Esto es lo que he intentado agregar a mis funciones.php: 

function wpse39130_register_more_stylesheets() {
    wp_register_style( 'stylesheet_name', get_stylesheet_directory_uri() . '/stylesheet.css' );
}
add_action( 'init', 'wpse39130_register_more_stylesheets' );

function wpse39130_conditionally_enqueue_my_stylesheet() {
    // only enqueue on product-services page slug
    if ( is_page( 'products-services' ) ) {
        wp_enqueue_style( 'stylesheet_name' );
    }
}
add_action( 'wp_enqueue_scripts', 'wpse39130_conditionally_enqueue_my_stylesheet' );

Cuando elimino la parte condicional de la misma, la hoja de estilo se pone en cola con éxito, así que sé que funciona.

    
pregunta Evan Mattson 16.01.2012 - 21:45

3 respuestas

4

Copié el código pegado en mi entorno de desarrollo, no cambié nada más que el nombre de la página, y funciona bien. ¿Estás seguro de que no se está encolando y simplemente lo apuntas mal o que la página no tiene un nombre incorrecto o algo así?

    
respondido por el mor7ifer 16.01.2012 - 21:52
2

Lo que tienes es correcto, solo lo estás conectando a la acción incorrecta. Pruebe la acción "wp" en lugar de "init". Cuando se ejecuta init, is_page () aún no funcionará correctamente.

EDITAR: Me equivoco. Pensé que tenías add_my_stylesheet enganchado a init, pero no lo haces. is_page debería funcionar desde la acción enqueue_scripts. Lo siento ... continúa ...

    
respondido por el MathSmath 16.01.2012 - 21:53
-1

Estaba intentando seguir el mismo código y ver si puedo obtener el mismo resultado, lo que noté es que is_page () no funciona como se esperaba. así que seguí la variable global $ post y verifiqué el nombre de la categoría / slug y luego uso la comparación de texto simple para decidir la acción. 

    global $post;
    $postcat = get_the_category( $post->ID );
if ( ! empty( $postcat ) ) {
 echo esc_html( $postcat[0]->ID );   // Debug 
 echo esc_html( $postcat[1]->name ); // Debug 
 echo var_dump($postcat ); // Debug 
}

El valor de la categoría si solo fuera una categoría (no una subcategoría) 

echo esc_html( $postcat[0]->name ); //Display name on screen

Para la subcategoría, habrá completado la siguiente variable 

echo esc_html( $postcat[1]->name ); //Display name on screen

Ahora, según su necesidad, use el siguiente código, como lo estoy usando para verificar el nombre de la subcategoría: 

//Use $postcat[0]->name for parent category name Can be your sub category name 
        if ( $postcat[1]->name == 'Shopping' ) { 

                wp_enqueue_style( 'stylesheet_name' );
            }else{
        // other code 
        }

Código completo: 

        function wpse39130_register_more_stylesheets() {
        wp_register_style( 'stylesheet_name', get_stylesheet_directory_uri() . '/whatsqshop.css' );
    }
    add_action( 'init', 'wpse39130_register_more_stylesheets' );

    function wpse39130_conditionally_enqueue_my_stylesheet() {
        // only enqueue on product-services page slug
    global $post; //GLobal Post variable 
    $postcat = get_the_category( $post->ID ); // Get the Category info from POST ID

    if ( ! empty( $postcat ) ) { // IF POST CATEGORY IS NOT EMPTY
    //    echo esc_html( $postcat[0]->slug );   //Display SLUG On output screen <Debug option>
  //echo esc_html( $postcat[0]->name ); //Display name on screen
     //echo esc_html( $postcat[1]->name ); //Display name on screen

    //echo var_dump($postcat ); // For debug 
    }
    //  if( is_single(88)) {
       if ( $postcat[1]->name == 'Shopping' ) {
            wp_enqueue_style( 'stylesheet_name' );
        }else{
    //wp_enqueue_style( 'stylesheet_name' );
    }

    }
    add_action( 'wp_enqueue_scripts', 'wpse39130_conditionally_enqueue_my_stylesheet' );

Ejemplo: * No hay CSS extra enlace

* CSS extra con fondo solo de la categoría anterior enlace

    
respondido por el Piclaunch S 07.05.2018 - 08:53

Lea otras preguntas en las etiquetas

¿Maneras de manejar la representación SVG en wordpress? Grupos de capacidades: ¿usuarios con múltiples roles?