📜  wordpress 添加 jquery 脚本 - Javascript (1)

📅  最后修改于: 2023-12-03 15:06:01.388000             🧑  作者: Mango

WordPress 添加 jQuery 脚本 - Javascript

如果您正在使用 WordPress 平台开发自己的网站或插件,并且需要添加一些 jQuery 脚本来增强您的功能或优化用户体验,那么您来对地方了。本文将为您介绍如何在 WordPress 中添加 jQuery 脚本。

第一步:编写您的 jQuery 脚本

在添加 jQuery 脚本之前,您需要先编写您的 jQuery 脚本。您可以使用任何文本编辑器来编写您的 jQuery 代码。下面是一个简单的示例:

jQuery(document).ready(function($) {
    // 在此处添加您的 jQuery 代码
    $('body').css('color', 'red');
});

该代码将在页面加载完成后选中 <body> 元素,并将其文字颜色设置为红色。

第二步:将 jQuery 脚本存储在本地服务器中

将您的 jQuery 脚本存储在本地服务器中。您可以将其命名为 custom.js 并放置在您的主题文件夹的子文件夹 js 中。您的脚本路径将是 your-theme/js/custom.js

第三步:添加 jQuery 脚本到 WordPress 中

在 WordPress 中添加 jQuery 脚本有两种方法:

方法一:wp_enqueue_script 函数

使用 WordPress 提供的 wp_enqueue_script 函数将 jQuery 添加到您的网站中。该函数将确保 jQuery 脚本在 WordPress 引导程序和其他插件 / 主题脚本之前加载。

在您的主题 functions.php 文件中添加以下代码:

function add_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', 'add_custom_scripts');

该代码将自动将 custom.js 脚本添加到 WordPress 中。

方法二:手动添加 jQuery 脚本

在您的主题头部中手动添加 jQuery 脚本:

<script type="text/javascript" src="<?php echo get_template_directory_uri(); ?>/js/custom.js"></script>
结论

现在您已经学会如何在 WordPress 中添加 jQuery 脚本了。无论您是开发网站或插件,本文提供的方法可以确保您的脚本正确加载,并增强您的功能或用户体验。