WordPress使用wp_register_script函数引入js文件

HTML中引入js与css资源方式一般使用link、script 标签。那么WordPress怎么引入这些资源文件呢？其实WordPress也是输出的HTML，所以你可以直接写link、script 标签输出资源，也可以通过WordPress提供的wp_register_script函数来注册资源并使用它。对于资源的引入，我个人比较喜欢直接写，因为方便，不用写那么多内容。但为了程序的灵活性，还是建议使用官方的函数加载资源文件。

WordPress教程

wp_register_script( string $handle, string|bool $src, array $deps = array(),string|bool|null $ver = false, bool $in_footer = false )

官方描述，注册一个js资源，以提供 wp_enqueue_script()方法使用。

wp_register_style函数同理，用来加载css资源文件。提供给wp_enqueue_style方法使用。

参数说明

• $handle：资源标识符，供 wp_enqueue_script 调用。
• $src：资源的位置。相对地址或者绝对地址或者使用 WordPress 内置的函数获取地址等。常用定位函数有 plugins_url、get_template_directory_uri 等。
• $deps：依赖关系。如果引用的是 jQuery 插件，需要依赖 jQuery 组建，那么就需要填写上 jQuery。注意，以数组的形式传递。
• $ver：资源版本，可选的。
• $in_footer：是否放在底部。一般来说，JS 文件要放在页面的底部，就可以设置这个参数为 True，留空或者 False 会输出到顶部。

返回值：成功返回true,失败返回false。

使用wp_head()与wp_footer()即可自动加载这些资源！

简单使用：

function dmd_add_scripts() {
    wp_register_script('plugin_script', get_stylesheet_directory_uri().'/js/jquery.min.js', array(),'1.1', false);
    wp_register_style('theme_css', get_stylesheet_directory_uri().'/css/main.css', array(),'1.1', false);
    wp_enqueue_script('plugin_script');
    wp_enqueue_style('theme_css');
  }
  add_action( 'wp_enqueue_scripts', 'dmd_add_scripts' );