wp_enqueue_style no carga CSS

4 minutos de lectura

Estoy intentando cargar un script usando wp_enqueue_style siguiendo los consejos del Codex de Wordpres, pero el script no parece estar incluido en la fuente. ¿Es esta la forma correcta de hacerlo?

    function load_scripts() {
        wp_enqueue_style('bootstrap.css', get_template_directory_uri() . '/css/bootstrap.min.css');
    }
    add_action('wp_enqueue_scripts', 'load_scripts');

  • ¿Es el único activo que no se está cargando o no se ha conducido ningún activo?

    – Oxidado

    30 de julio de 2019 a las 14:54

  • Tu guión parece correcto, así que tal vez te olvides de Eliminar datos de navegación. Dependiendo de las políticas de efectivo de su navegador, su navegador puede almacenar su archivo css y luego ignorar por completo una recarga de página estándar que no mostrará el cambio que acaba de hacer. Para hacerlo, en el navegador Chrome, use la tecla corta ctrl + shift + delete.

    – Rafael Balet

    3 de agosto de 2020 a las 14:21

Su acción y función se ven bien desde aquí. El enlace wp_enqueue_scripts debería funcionar perfectamente tanto para hojas de estilo como para scripts.

¿Ha intentado hacer eco de algo en la función para ver si realmente se está llamando? Es decir:

    function load_scripts() {
        echo "Does this output to the actual page?";
        wp_enqueue_style('bootstrap.css', get_template_directory_uri() . '/css/bootstrap.min.css');
    }
    add_action('wp_enqueue_scripts', 'load_scripts');

Si no es así, es posible que tenga un problema con la ubicación del código, pero si mantiene todo en functions.php y fuera de cualquier otro ámbito, esto no debería ser un problema. Otra cosa que puede causar este comportamiento es si ya registró una hoja de estilo o secuencia de comandos con el mismo identificador (“bootstrap.css” en este caso). El primer argumento en la función wp_enqueue_style() es solo un identificador para la administración de dependencias internas y debe ser único, intente cambiarle el nombre a otro y vea si eso soluciona su problema.

avatar de usuario
Oxidado

  1. Bien, el primer paso es asegurarse de que está utilizando la ruta correcta del archivo CSS. Agregue la siguiente línea en functions.php de su tema u otro lugar apropiado.

     print( get_template_directory_uri() . '/css/bootstrap.min.css' );
    

    Esto debería imprimir la URL de la hoja de estilo deseada en la parte superior de la página. Copie y pegue esta URL en una nueva pestaña, si abre una hoja de estilo, entonces está listo para comenzar. De lo contrario, hay un error en la ruta.

  2. El segundo paso es asegurarse de que wp_head() está siendo llamado en la página que está mostrando. Se puede colocar en su plantilla de encabezado o en la parte superior de los archivos/archivos de publicación, etc. Esta función en realidad representa los estilos y scripts en la página.

    Sin wp_head(), es básicamente inútil enquear cualquier cosa, ya que puede agregar enlaces y scripts manualmente si conoce las rutas exactas.

  • wp_head es vital como mencionaste, pero enviará spam a tu con todo tipo de código que quizás no necesites, así que mira wordpress.stackexchange.com/a/214449/184180 Cómo deshacerse de él

    – Schellmax

    12 de marzo de 2020 a las 9:38

  • eso es bastante bueno

    – Oxidado

    13 de marzo de 2020 a las 8:02

Tenga en cuenta que en el modo de administración hay un gancho especial ‘admin_enqueue_scripts‘. Entonces, si es necesario cargar CSS en ambos modos, debe hacerse en dos ganchos.

function load_scripts() {
    wp_enqueue_style('bootstrap.css', get_template_directory_uri() . '/css/bootstrap.min.css');
}

add_action('wp_enqueue_scripts', 'load_scripts');    
add_action('admin_enqueue_scripts', 'load_scripts');

Está intentando poner en cola el estilo en el enlace wp_enqueue_scripts. Probar wp_print_styles.

add_action('wp_print_styles', 'load_scripts');

También intente registrar el estilo, primero.

en caso de que no quieras usar wp_head(); en su plantilla, también podría incluir sus estilos directamente:

<link rel="stylesheet" href="https://stackoverflow.com/questions/21626648/<?php echo get_theme_file_uri("style.css' ); ?>">

tener cuidado aunque: wp_head() incluye toneladas de cosas (scripts, estilos,…), tanto de wordpress como de la mayoría de los complementos, así que solo omítalo si sabe lo que está haciendo.

avatar de usuario
Michael Sorensen

Registre el estilo primero:

function register_plugin_styles() {
    wp_register_style('my-plugin', plugins_url('my-plugin/css/plugin.css'));
    wp_enqueue_style('my-plugin'); 
} 

http://codex.wordpress.org/Function_Reference/wp_register_style

Hazlo de esa manera. No intente poner en cola directamente. Y poner el código en functions.php, por supuesto.

avatar de usuario
MANOJ VASHISTA

Primero confirme que la ruta del archivo css es correcta o no si es un intento correcto con el siguiente código:

  function load_scripts() {
    wp_enqueue_style('load-custom-css-new', get_template_directory_uri() . '/css/bootstrap.min.css');
}
add_action('wp_enqueue_scripts', 'load_scripts');

o Ir con esta URL.

https://developer.wordpress.org/reference/functions/wp_enqueue_style/

¿Ha sido útil esta solución?