如何将 JavaScript 添加到 WordPress

如果您是 WordPress 新手并且想知道在哪里将 JavaScript 添加到您的网站，本指南将帮助您入门。 将 JavaScript 添加到 WordPress 是一个相当简单的过程，但有一些事情需要记住。 首先，您需要决定是直接将 JavaScript 添加到您的 WordPress 网站，还是通过插件添加。 如果您不习惯编码，或者如果您想避免与其他插件或主题的潜在冲突，我们建议使用插件。 有一些不错的选择，但我们建议使用 Jetpack 插件或Google Analytics for WordPress 插件。 一旦您决定如何将 JavaScript 添加到 WordPress，您就需要将代码实际添加到您的站点。 如果您直接添加它，您可以将它添加到主题的页眉或页脚文件中。 或者，如果您使用插件，通常可以将其添加到插件的设置页面。 最后，请记住在发布代码之前对其进行测试。 这将有助于确保一切正常工作并且没有错误。

JavaScript 应该位于 *head 中的HTML 文档可用于包含各种脚本。 脚本可以放置在 HTML 页面的正文或头部，具体取决于其位置。

环绕 JavaScript 代码的专用 HTML 标签 *script* 可用于将其添加到 HTML 文档中。 定义加载 JavaScript 的HTML 代码的代码将出现在 [head] 或 [body] 部分，具体取决于您希望它何时加载。

您可以将 Javascript 放入 WordPress 中吗？

可以通过使用插件或编辑主题或子主题的功能将 JavaScript 添加到您的 WordPress 站点。 建议您使用插件来确保您的自定义脚本以正确的顺序正确执行。

当您将代码直接添加到您的帖子或页面时，WordPress 不允许这样做。 如果您更改主题，则必须手动重新编码 header.html 或 footer.html 文件，但这些更改将无效。 WPCode 是将 JavaScript 添加到任何 WordPress 网站的最方便的方法。 要开始，只需转到Code Snippets headers 。 在本节中，您将看到三个单独的字段，分别标记为“head”、“body”和“footer”。 这些框现在可以包含 JavaScript 代码。 WPCode 现在会自动为您网站的每个页面生成代码。

如果您只想将 JavaScript 添加到单个 WordPress 帖子中，则必须在代码中包含条件逻辑。 要查找帖子 ID，请从要使用它的帖子中运行 JavaScript，然后在 URL 中输入页面 ID。 例如，也可以通过条件标签将 javascript 添加到特定的帖子和页面。

但是，有大量的 WordPress 用户不打算使用 JavaScript。 他们希望他们的网站在不使用 JavaScript 或插件的情况下顺利运行。 JavaScript 仍然是WordPress 开发生态系统的重要组成部分，一些 WordPress 主题和插件使用它来获得额外的功能或改进平台的功能。 为了使 WordPress 主题或插件在没有 JavaScript 的情况下运行，它必须没有使用它的代码。 如果您正在使用使用 JavaScript 的主题或插件，您应该了解它是如何工作的，以及如果您不想使用它，如何禁用或删除它。 一些 WordPress 主题和插件使用 JavaScript 来添加功能或扩展 WordPress 平台的功能，这是 WordPress 开发最重要的方面之一。 为了在没有 JavaScript 的情况下使用 WordPress 主题或插件，您必须首先确保不使用 JavaScript 代码。 如果您有一个使用 JavaScript 的主题或插件，请确保您了解它的工作原理以及如果您不想使用它，如何禁用或删除它。

编辑自己的 WordPress 主题的危险

尽管 WordPress 有一个易于使用的编辑器来更改主题文件，但重要的是要记住，编辑自己的代码可能会引入导致网站失败的错误。 如果您不熟悉编码，我们建议您联系开发人员以帮助您开发网站。

如何将 Javascript 文件添加到 WordPress 插件？

将javascript 文件添加到 wordpress 插件是一个简单的过程。 首先，您需要在插件目录中创建一个新文件，并将其命名为您喜欢的任何名称。 然后，您需要打开该文件并添加以下代码： 接下来，您需要将该文件包含在您的插件中。 您可以通过将以下代码添加到插件文件中来做到这一点： 添加代码后，您需要保存文件并将其上传到您的 wordpress 插件目录。

WordPress 有超过 33,000 个插件和 2,600 个可用主题。 他们可以创建范围广泛的程序，而 JavaScript 是一种常用的执行方法。 您不必成为程序员即可将 JavaScript 代码合并到主题或插件中。 在这种情况下，生成的页面会过重； 每个人的脚本都将被禁止使用。 如果使用 WP_enqueue_script() 函数，当前在队列中的脚本将被包含在队列中。 换句话说，页面顶部不会出现脚本标签。 脚本的名称、它的 URL、它的依赖项、它的版本号以及它是否必须包含在页脚中都是必需的。

在 WP 中，WP_enqueue_script() 函数表示包含脚本的最佳方式。 这种方法的优点是不会重复两次。 如果您将脚本注册为依赖项，其他插件将能够自动使用它们。 此外，如果您至少指定一次版本号，则脚本将被包含两次，即使此版本号相同。 WP_enqueue_script() 函数通过防止脚本被复制来确保脚本在页眉和页脚中正确设置。 如果显示的页面甚至不需要您的脚本怎么办？ 如果您想使用 Action/Filter API 查找相应的操作，请创建一个将您的脚本排入队列的函数。

一些元素可以使用插件修改为帖子，但不是全部。 简码就是一个例子。 在您的情况下，您必须使用一些脚本来替换插件中的短代码。 如果您将 WP_enqueue_script() 调用到此回调函数中，除非必要，否则您将无法包含您的脚本。 WP_head() 和 WP_footer() 是每个主题都必须使用的两个函数。 在文档末尾添加行时，这些函数会在 head 标记中包含所需的行。 如果您要求此选项，脚本将包含在这些函数之前。 不应将它们放置在不需要它们的页面中，而应将它们单独留在不需要它们的页面中。

如何将 Javascript 添加到我的 WordPress 管理员？

有两种方法可以将 JavaScript 添加到 WordPress 网站。 第一种是将其添加到主题的页眉或页脚中。 第二种是使用插件。

必须将自定义 jQuery 代码添加到 Edit Post 页面，这就像在用户按下 Publish 时显示一个 div 一样简单。 我尝试了一些回显脚本标签的方法，但它似乎对我不起作用。 以下是您的functions.php 的片段。 它在 WordPress 3.2.1 上运行良好。 get_current_screen 函数可用于确定应加载文件的位置。 如果您将 WP_enqueue_script 直接添加到您的代码中，它不会包含在新版本的 WordPress（5.1 或更高版本）中。 相反，直接通过 admin_print_scripts 使用脚本。 确定优先级设置得足够高，以确保它在任何所需的库（如 jQuery）之后正确加载。

在没有插件的情况下将 Javascript 添加到 WordPress

在没有插件的情况下将 JavaScript 添加到 WordPress 是一个棘手的过程。 但是，可以通过在函数中添加几行代码来实现。 .php 文件。 这样做将允许您将 JavaScript 添加到您的 WordPress 网站，而无需安装插件。

WordPress 将 Javascript 添加到特定页面

如前所述，如果您只想在单个 WordPress 页面上使用 JavaScript，则必须在代码中添加条件逻辑。 add_action ('wp_head', 'WPb_hook_Javascript'); 仅当页面 ID 为“10”时，此代码才会运行 JavaScript。

在这篇文章中，我将教你如何在特定的 WordPress 页面或区域中包含 JavaScript。 创建一个名为 Scripts 或 Js 的文件夹以保持一切井井有条。 要调用链接而不是直接在 head 标签中调用它，请打开 header.php 文件并从活动主题中复制以下代码。 代码代码在下面详细解释。 如果插件的 JavaScript 设置为仅出现在指定的页面上，以下代码将禁用它。 在 WordPress 中使用 JQuery 时，以适当的顺序放置 JavaScript 至关重要。 Justin Tadlock 在他的教程中对这个问题进行了更深入的解释。

将 Javascript 添加到 WordPress 函数 PHP

将 JavaScript 添加到 WordPress functions.php 是一个简单的过程，任何对代码有基本了解的人都可以完成。 您首先需要通过 FTP 或主机控制面板访问您的 functions.php 文件。 找到文件后，只需将以下代码添加到最底部： function my_scripts_method() { wp_deregister_script( 'jquery' ); wp_register_script('jquery', 'http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js'); wp_enqueue_script('jquery'); } add_action('wp_enqueue_scripts', 'my_scripts_method'); ? > 此代码将简单地将 WordPress 附带的默认 jQuery 脚本替换为较新版本。

保存您的更改。 如何将 Javascript 添加到 WordPress 网站

要将 JavaScript 添加到单个帖子或页面，请使用 WP_enqueue_script 或 WP_head 挂钩。 例如，如果您想在您的网站上包含自定义标题，请添加“br”。 你有责任履行你的职责。 您必须在 php 文件中包含以下代码：*br。 此脚本是响应 [GET_HEADERS]: “myheader”, 'get_header()” 生成的； [/br] 你的标题必须放在那里。 必须执行以下 PHP 文件。 在 WordPress 中，head 定义为 WP_head。 您所做的更改将被保存。 要将 JavaScript 添加到您的整个网站，请在 init.xml 中使用 WordPress_enqueue_script 函数。 你的 init 应该在那里。 要制作 php 文件，请插入以下行。 Get_header() 使用 PHP_enqueue_script('myheader', get_header()) 返回一个PHP PHP 脚本。