WordPress的 - Javascript入队

我有一个WordPress的网站，我知道要在wordpress页面上运行脚本，你需要列入在functions.php文件中的脚本。我不知道如何做这个过程？WordPress的 - Javascript入队

我的Javascript被称为boosting.js 有人可以给我一个如何做到这一点的示例代码？非常感谢！（我对这一切有点新）

2016-03-04 Oliver Beck

你需要将它添加到functions.php。

script-name - 是你想给脚本

get_template_directory_uri() . '/js/boosting.js'的名字 - 是路径到脚本所在。如果您使用的是儿童主题，则将其更改为get_stylesheet_directory_uri() . '/js/boosting.js'

array() - 这是针对依赖关系的。如果你的脚本需要使用jQuery工作而不是使用array('jquery')

1.0.0 - 脚本的版本。有用的缓存

true - 意味着该脚本将在页脚中加载，使用false如果你在头需要

/** 
* Proper way to enqueue scripts and styles. 
*/ 
function wp_theme_enque_scripts() { 
    wp_enqueue_script('script-name', get_template_directory_uri() . '/js/boosting.js', array(), '1.0.0', true); 
} 
add_action('wp_enqueue_scripts', 'wp_theme_enque_scripts');

来源

2016-03-04 20:31:52 CiprianD

您好，我enqued所需脚本在这样的functions.php中： 'function wp_theme_enque_scripts（）{ wp_enqueue_script（'boosting'，get_template_directory_uri（）。'/csgoboost/js/boosting.js'，array（'header'），'1.0.0 '，是）; wp_enqueue_script（'jquery'，get_template_directory_uri（）。'/csgoboost/js/jquery.js'，array（'header'），'1.0.0'，true）; wp_enqueue_script（'bootstrap'，get_template_directory_uri（）。'/csgoboost/js/bootstrap.min.js'，array（'header'），'1.0.0'，true）; } add_action（'wp_enqueue_scripts'，'wp_theme_enque_scripts'）;' 它是正确的吗？ –

不是，不。 JQuery入选WordPress，所以你不需要。你的代码改成这样： '函数wp_theme_enque_scripts（）{ wp_enqueue_script（ '助推'，get_template_directory_uri（） '/csgoboost/js/boosting.js'，阵列（ 'jQuery的'）， '1.0.0'。真）; （'bootstrap'，get_template_directory_uri（）。'/csgoboost/js/bootstrap.min.js'，array（），'3.3.6'，true）; } add_action（'wp_enqueue_scripts'，'wp_theme_enque_scripts'）; ' – CiprianD

由于您正在添加Bootstrap，因此您可能还需要添加css。在同样的功能也添加 'wp_register_style（ 'bootstrap.css'，get_template_directory_uri（） 'csgoboost/CSS/bootstrap.css'，阵列（）， '3.3.6'， '所有'。）; wp_enqueue_style（“bootstrap.css”）;' – CiprianD

WordPress的 - Javascript入队

回答

相关问题