在WordPress网站开发过程中,正确引入JavaScript代码是提升网站交互性和功能性的重要环节。本文将介绍三种实用的方法来实现这一目标。
这是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.php
或footer.php
文件中直接添加标签,但这种方法在主题更新时可能会丢失修改。
建议优先使用第一种方法,既符合WordPress开发规范,又能确保代码的维护性和兼容性。无论选择哪种方式,都要注意JS代码的优化和性能影响。