如何添加JS& CSS到wordpress页面

时间:2016-08-24 15:30:18

标签: javascript jquery css wordpress

我有一个包含js和CSS文件的小代码。我的网站是一个wordpress网站,我想将代码添加到我的一个页面。

我想知道我应该把JS代码放在哪里,CSS代码将放在一个已经制作好的wordpress文件中,还是我必须将它们放在目录中?

另外,对于我来说,我需要在某处保存一些数组,以便脚本可以调用数组。我在哪里放置数组?

1 个答案:

答案 0 :(得分:1)

为主题添加脚本和样式的正确方法是将它们排入functions.php文件中。

function add_theme_scripts() {
  wp_enqueue_style( 'style', get_stylesheet_uri() );

  wp_enqueue_style( 'slider', get_template_directory_uri() . '/css/slider.css', array(), '1.1', 'all');

  wp_enqueue_script( 'script', get_template_directory_uri() . '/js/script.js', array ( 'jquery' ), 1.1, true);


add_action( 'wp_enqueue_scripts', 'add_theme_scripts' );

有关详细信息,请阅读此文档:https://developer.wordpress.org/themes/basics/including-css-javascript/