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')来获取该网址。您应该使用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（）;在header和wp_footer（）;页脚上

排队脚本WordPress

2 个答案: