排队脚本WordPress

Question

我一直试图将脚本排入WordPress主题，但似乎都不起作用。我做错了什么？

// enqueue scripts
function add_scripts(){
// Load jQuery
   wp_register_script('jquery', ("http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"), false);
   wp_enqueue_script('jquery');
// Your Scripts
wp_register_script('migrate', get_bloginfo('url').'/js/jquery/jquery-migrate.min.js');
wp_register_script('touchswipe',get_bloginfo('url').'/js/jquery.touchSwipe.min.js');
wp_register_script('carouFredsel', get_bloginfo('url').'/js/jquery.carouFredSel-6.2.1-packed.js');
wp_register_script('masonry',get_bloginfo('url').'/js/jquery.masonry.min.js');
wp_register_script('infinitescroll', get_bloginfo('url').'/js/jquery.infinitescroll.min.js');
wp_register_script('cycle',get_bloginfo('url').'/js/jquery.cycle.lite.js');
wp_register_script('phnx', get_bloginfo('url').'/js/phnx.js');
wp_enqueue_script('migrate');
wp_enqueue_script('touchswipe');
wp_enqueue_script('carouFredsel');
wp_enqueue_script('masonry');
wp_enqueue_script('infinitescroll');
wp_enqueue_script('cycle');
wp_enqueue_script('phnx');
}
add_action('init','add_scripts');

Answer 1

如果要排队的脚本在主题目录中，则不应该使用get_bloginfo('url')来获取URL。您应该使用get_template_directory_uri()，如果是子主题，则应使用get_stylesheet_directory_uri()。

wp_register_script('phnx', get_template_directory_uri().'/js/phnx.js');

此外，请使用wp_enqueue_scripts操作而不是init。

add_action('wp_enqueue_scripts','add_scripts');

Answer 2

function theme_styles() 
{
    /** @Styles */  
wp_enqueue_style('fonts','//cloud.typography.com/xx/css/fonts.css',array(),null,false);
wp_enqueue_style('script_name','path_to_css',array(),null,false);

    /** @Scripts */
wp_enqueue_script( 'jquery', 'https://code.jquery.com/jquery-2.1.3.min.js',array(),null,true);
wp_enqueue_script( 'script_name', 'path_to_script',array(),null,true);
}
add_action( 'wp_enqueue_scripts', 'theme_styles' );

不要忘记放wp_head（）；在标头和wp_footer（）上；页脚