Me registro y pongo la hoja de estilo en cola pero no se muestra nada

2

Me han dicho que es muy importante registrarse y poner en cola los estilos y las secuencias de comandos en WordPress a pesar de que es un verdadero dolor.

No tuve ningún problema con los scripts; sin embargo, cuando pruebo los estilos, WordPress no muestra nada en el código de las hojas de estilo. Me gustaría adquirir el hábito de construir mis temas de la manera correcta, así que me gustaría aprender cómo se hace esto, pero no puedo entender por qué mi CSS no se agrega al código cuando se agregan los scripts. Vea el código del archivo de funciones a continuación:

<?php

function alpha_scripts(){

  $script = get_template_directory_uri() . '/assets/scripts/';

  wp_register_script('bootstrap-js', $script . 'bootstrap.min.js', array('jquery'),'', false);

  //wp_enqueue_script('jquery');
  wp_enqueue_script('bootstrap-js');
}

function alpha_styles(){

  $style = get_template_directory_uri() . '/assets/styles/';

    wp_register_style('bootstrap-css', $style . 'bootstrap.min.css','','', 'screen');
    wp_register_style('alpha-css', $style . 'alpha.css','','', 'screen');

    wp_enqueue_style('bootstrap-css');
    wp_enqueue_style('alpha-css');
}

function alpha_menus() {
  register_nav_menus(
    array(
      'main-menu' => __( 'Primary Menu' ),
      'footer-menu' => __( 'Footer Menu' )
    )
  );
}

add_action('wp_enqueue_scripts', 'alpha_scripts');
add_action('wp_enqueue_styles', 'alpha_styles');
add_action('after_setup_theme', 'alpha_menus');

?>

¿Qué estoy haciendo mal aquí? He intentado usar diferentes referencias para la URL, como get_template_directory_uri() y get_stylesheet_directory_uri() , pero como sospechaba que esos dos no hicieron ninguna diferencia.

    
pregunta Digital Brent 04.05.2016 - 23:39

1 respuesta

4

Lo estás haciendo bien, solo una cosa que necesitas cambiar, y creo que es un error totalmente razonable:

Esto:

add_action('wp_enqueue_styles', 'alpha_styles');

necesita convertirse

add_action('wp_enqueue_scripts', 'alpha_styles');

¿Por qué scripts ? Porque no hay una acción de Wordpress llamada wp_enqueue_styles . Aunque las funciones se denominan wp_register_style & wp_enqueue_style , todavía necesitas conectarlos a la acción multipropósito wp_enqueue_scripts .

Sí, el núcleo de WP probablemente debería agregar una segunda acción para evitar que se produzca este problema ... :)

Aunque puede ser un dolor al principio, una vez que sepas cómo funcionan las colas, te ahorrará mucho tiempo en el futuro. Hay varios beneficios: las dependencias se pueden gestionar fácilmente; tus guiones & los estilos funcionarán en múltiples encabezados y pies de página si los tiene; y complementos que se enganchan en scripts & los estilos (por ejemplo, para concatenarlos / minificarlos) pueden hacer su trabajo.

    
respondido por el Tim Malone 05.05.2016 - 00:05

Lea otras preguntas en las etiquetas