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');
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.
Oxidado
-
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.
-
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.
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.
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/
¿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