WordPress实现引用JS代码的三种高效方法

wordpress实现引用js代码

时间:2025-08-26 11:09

在WordPress网站开发过程中,正确引入JavaScript代码是提升网站交互性和功能性的重要环节。本文将介绍三种实用的方法来实现这一目标。

方法一:使用内置函数wp_enqueue_script

这是WordPress官方推荐的标准方法。在主题的functions.php文件中添加以下代码:

function my_custom_scripts() {
  wp_enqueue_script('custom-script', get_template_directory_uri() . '/js/custom.js', array('jquery'), '1.0.0', true);
}
add_action('wp_enqueue_scripts', 'my_custom_scripts');

方法二:通过插件实现

对于不熟悉代码的用户,可以使用"Header and Footer Scripts"等插件,在后台直接添加JS代码,无需修改主题文件。

方法三:直接编辑主题文件

在主题的header.phpfooter.php文件中直接添加