我读过法典中关于wp enqeue的部分,但仍在苦苦挣扎。
基本上,我希望在我的主题的小部件区域(在每个页面上)正确显示以下内容:
<link rel="stylesheet" type="text/css" href="/wp-content/uploads/social_counter/css/styles.css" />
<link rel="stylesheet" type="text/css" href="/wp-content/uploads/social_counter/css/tipTip.css" />
<div id="social_counter">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="/wp-content/uploads/social_counter/js/jquery.tipTip.minified.js"></script>
<script type="text/javascript" src="/wp-content/uploads/social_counter/js/social_counter.js"></script>
</div>
我创建了一个文本小部件,将代码粘贴到其中,但它破坏了模板中的一些内容,因为jquery已经由主题和/或其他插件加载,因此可能存在冲突。
有没有人能告诉我如何使用wp\\u enqueue来最好地构建它,以及在哪里粘贴后续代码(functions.php of theme?)?
谢谢
我尝试了以下方法:
if(!is_admin()){
wp_deregister_script( \'jquery\' );
wp_register_script( \'jquery\', \'http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js\');
wp_enqueue_script(\'custom_script\',get_bloginfo(\'wpurl\').\'/wp-content/uploads/social_counter/js/jquery.tipTip.minified.js\',false);
wp_enqueue_script(\'custom_script\',get_bloginfo(\'wpurl\').\'/wp-content/uploads/social_counter/js/social_counter.js\',array(\'jquery\'),\'1.4.2\',false);
}
当我查看页面源代码时,似乎加载了其中两个脚本,但没有加载google jquery,并且内容不显示。。。
现在我有以下内容,但仍然没有(显示了两个脚本,但没有google jquery):
wp_deregister_script( \'jquery\' );
wp_register_script( \'jquery\', \'http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js\');
wp_enqueue_script( \'jquery\' );
wp_enqueue_script(\'custom_script\',get_bloginfo(\'wpurl\').\'/wp-content/uploads/social_counter/js/jquery.tipTip.minified.js\',false);
wp_enqueue_script(\'custom_script\',get_bloginfo(\'wpurl\').\'/wp-content/uploads/social_counter/js/social_counter.js\',array(\'jquery\'),\'1.4.2\',false);
最新编辑。。(我真希望堆栈溢出采用mroe用户友好的线程系统:/)
function add_scripts(){
// Load jQuery
if ( !is_admin() ) {
wp_deregister_script(\'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_enqueue_script(\'custom_script\',get_bloginfo(\'wpurl\').\'/wp-content/uploads/social_counter/js/jquery.tipTip.minified.js\',false);
wp_enqueue_script(\'custom_script\',get_bloginfo(\'wpurl\').\'/wp-content/uploads/social_counter/js/social_counter.js\',array(\'jquery\'),\'1.4.2\',false);
}
add_action(\'init\',\'add_scripts\');
SO网友:Daryl
最好的地方是你的functions.php.
Example:
wp_enqueue_script("name", ("path/to/file"), false);
false数组将脚本排入标头,在标头中定义
wp_header();
- 如果将其设置为true,它会将脚本排入您定义的页脚中
wp_footer();
Edit:
wp_enqueue_script(\'yourscriptname\', get_bloginfo(\'stylesheet_directory\') . \'/js/jsyourscript.js\');
在修改后的帖子中,您有以下代码
if(!is_admin()){
wp_deregister_script( \'jquery\' );
wp_register_script( \'jquery\', \'http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js\');
wp_enqueue_script(\'custom_script\',get_bloginfo(\'wpurl\').\'/wp-content/uploads/social_counter/js/jquery.tipTip.minified.js\',false);
wp_enqueue_script(\'custom_script\',get_bloginfo(\'wpurl\').\'/wp-content/uploads/social_counter/js/social_counter.js\',array(\'jquery\'),\'1.4.2\',false);
}
请注意,您已经放置了要排队的2个脚本
inside 条件语句,如果
not 管理-执行此操作-
这可能是它似乎对你不起作用的原因。
Edit 2
// Load jQuery
if ( !is_admin() ) {
wp_deregister_script(\'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_enqueue_script(\'custom_script\',get_bloginfo(\'wpurl\').\'/wp-content/uploads/social_counter/js/jquery.tipTip.minified.js\',false);
wp_enqueue_script(\'custom_script2\',get_bloginfo(\'wpurl\').\'/wp-content/uploads/social_counter/js/social_counter.js\',array(\'jquery\'),\'1.4.2\',false);
稍微整理一下,将jquery放回条件语句中,也将false放回条件语句中。
此外,您排队的每个新脚本都必须具有unique name. 你俩都被叫来了custom_script