如何修复在子主题中加载脚本？

时间：2017-08-21 作者：jane

this is the directory我试图在我的Wordpress主页中集成一个动画，为此我试图从“skrollr”库加载脚本，但我的样式和脚本不会加载。

这是我添加的代码is函数。子主题中的php：

function add_scripts() {
   wp_enqueue_style( \'main\', get_stylesheet_directory_uri() . \'/images/main.css\' );
   wp_enqueue_script( \'skrollr\', get_template_directory_uri() . \'/js/skrollr.min.js\', \'\', \'\', false);
}
add_action (\'wp_enqueue_scripts\', \'add_scripts\');
以下是我从控制台得到的错误：enter image description here

2 个回复
SO网友:Johansson

您在这里使用的是子主题，这意味着您应该使用get_stylesheet_directory_uri() 获取子主题的目录。

所以，在你的情况下，get_stylesheet_directory_uri() 将返回：

localhost:8888/wp-content/themes/x-child/
以及get_template_directory_uri() 将返回：

localhost:8888/wp-content/themes/x/
使用此选项构建路径。此外，请注意，您需要在样式/脚本名称之前包含正斜杠，因为这些函数不提供尾部斜杠：

wp_enqueue_style( \'main\', get_template_directory_uri() . \'/main.css\' );
将返回：

localhost:8888/wp-content/themes/x/main.css

SO网友:Vitalie Volcov

This should work

function add_scripts() {
   wp_enqueue_style( \'main\', get_stylesheet_directory_uri() . \'/css/images/main.css\' );
   wp_enqueue_script( \'skrollr\', get_stylesheet_directory_uri() . \'/js/skrollr.min.js\', \'\', \'\', false);
}
add_action (\'wp_enqueue_scripts\', \'add_scripts\');
结束
标签： child-theme   wp-enqueue-script   wp-enqueue-style   小码农  

相关推荐

Child-theme breaks site

所以，我有一个子主题，里面除了所需的CSS文件之外什么都没有。一旦我激活了这个儿童主题，我的整个网站就关闭了。最后我有两个问题：激活一个只有CSS的子主题怎么能破坏我的网站</我怎样才能回到我原来的主题</这些是网站给我的错误：Warning: require_once(/wp-content/themes/interio_child/admin/options-framework.php) [function.require-once]: 无法打开流：中没有此类文件或目录/wp-c