cms网站内容如何自定义(添加自定义JavaScript：它是什么以及何时使用在开始向WordPress)

　　cms网站内容如何自定义(添加自定义JavaScript：它是什么以及何时使用在开始向WordPress)

　　WordPress 无疑是当今世界上最受欢迎的内容管理系统 (cms)。目前有超过 4.5 亿网站 使用 WordPress 来确保流畅高效的加载，有效无故障的导航，并提供干净美观的设计。但是，像 WordPress 一样，由于其丰富的功能和易用性，它可能无法解释每个 网站 所需的所有功能。WordPress 背后的人明白这一点，并为开发人员通过自定义 JavaScript 添加自己的独特功能留出了空间。

　　添加自定义 JavaScript：它是什么以及何时使用它

　　在我们开始向 WordPress网站 添加自定义 javascript 的详细信息之前，我们需要快速了解一下 JavaScript，它的含义以及何时使用它。

　　什么是 JavaScript？

　　JavaScript 是每个人的编程语言。换句话说，您将无法使用它对深空探测器进行编程以分析从火星表面采集的土壤样本。但是您可以将它用于诸如网页上的表单验证之类的事情。

　　JavaScript 的起源可以追溯到 1990 年代初期，它是第一个获得广泛成功的 Web 浏览器 Netscape Navigator。Netscape 背后的人想要一种向当时统一静态的网页添加动态元素的方法。

　　结果是 LiveScript，它的名字在作为 JavaScript 发布后不久就被更改了。JavaScript 经常与 Java 混淆，后者是一种更健壮的编程语言，在 90 年代初非常流行。但两者没有任何共同点。

　　何时使用自定义 JavaScript

　　与 25 年前一样，今天的开发人员使用自定义 JavaScript 来创建新的或增强现有的 网站 功能。通常，JavaScript 是浏览器在 HTML 和 CSS（层叠样式表）之后读取的编程命令的最后“层”。这样一来，其实就是网络上的锦上添花。

　　这种“糖衣”可以采取多种形式。例如：

　　这几乎不是当今开发人员使用自定义 JavaScript 的多种方式的完整列表。但这应该让您了解这种做法的普遍程度。如果您有任何上网经验，您无疑会一次或一次遇到上述大部分或全部情况。

　　向 WordPress 添加自定义 Javascript 的正确与错误方法

　　现在我们对什么是 JavaScript 以及如何使用 JavaScript 来增强 Web 体验有了更好的了解，让我们来看看将其添加到 网站 的正确和错误方法。

　　第一件事：走错路

　　添加自定义脚本可能是实现*敏*感*词*寻求的功能的必要条件。但是，如果您以草率或随意的方式添加脚本，最终可能弊大于利。为了省时省事，最好先解决不应该在WordPress中部署自定义js的方法，然后再采取正确的方法。

　　尽可能不要将 JavaScript 添加到 Header.php

　　将 JavaScript 添加到网页的最简单方法是将其添加到“header.php”WordPress 文件中。这也是导致WordPress功能异常的最简单方法专业网站修复。这是因为尽管 WordPress 是制作最先进的 网站 的可靠且*敏*感*词*的工具，但它加载页面元素的顺序几乎相同。

　　我们在上面将 WordPress 的自定义 js 描述为网页的锦上添花时提到了这一点。换句话说，加载序列中的最后一项。如果开发人员通过在 header.php 文件中放入 JavaScript 来破坏既定的加载顺序，您可以在加载顺序中插入扳手。这可能会导致一系列影响，但没有一个是特别有效的。

　　“footer.php”和“template.php”文件也是如此。向这些文件中添加 JavaScript 代码会导致很多意外和不良影响。另外，如果直接在WordPress PHP文件中添加自定义js，在主题自动更新时这些脚本会丢失。

　　最后，请记住，即使将 JavaScript 直接放入 header.php 或 template.php 文件的负面影响并不明显，但 Google 的网络机器人可能会选择它们并将 网站 标记为有问题。这可能会对页面在自然搜索结果中的排名造成重大损害。那是终极禁忌。

　　向WordPress添加自定义JS的正确方法

　　现在我们知道如何不向 WordPress网站 添加自定义 JavaScript，让我们来看看正确的做法。由于不建议直接在 PHP 文件中添加 js，因此需要 A) 创建单独的 JavaScript 文件并将它们绑定到现有的 网站 框架，或者 B) 使用专门用于添加自定义 JavaScript 的目的许多 WordPress 插件之一。

　　注意：在继续之前，我们还应该强调创建一个“子主题”并对其进行任何修改。这将确保如果出现问题，您可以对 网站 进行完整备份。

　　方法 A：创建一个单独的 JavaScript 文件

　　这种向WordPress添加自定义js的方法历史悠久，被认为是安全有效的（当然，只要创建脚本的人知道他们在做什么）。无论您想向特定页面添加什么功能，都应该在单独的 JavaScript 文件中明确定义。完成文件并命名后，将其添加到网站的相应目录中，并在要使用脚本修改的页面顶部添加一个调用行。调用将如下所示：

　　页面加载后，它将读取此调用并到达“任何”文件以执行其中的脚本。如果这些脚本的格式正确，它们应该在页面上完美执行并增强功能。如果您不确定如何将调用添加到页面标题，您可以使用一些插件来完成。

　　方法 B：使用 WordPress 插件向 WordPress 添加自定义 JavaScript

　　WordPress 和插件可以同时使用，比如苹果和肉桂，或者花生酱和果冻。没有一个，你真的无法完全欣赏一个。根据目前的估计，WordPress 官方存储库中有超过 55,000 个插件，还有数千个非官方插件在网上闲逛，希望有人喜欢。

　　有这么多插件，可以合理地假设可能有一两个被设计来产生你想要的事件或效果。如果你想开发WordPress网站，你只需要通过“yoursite/wp-admin/”登录界面登录网站，导航到插件页面，输入想要的功能在页面顶部的搜索框中。

　　然后，您将看到一系列旨在产生所需效果、事件、API 或其他功能的插件。选择一个并单击“安装”。然后单击“激活”并填写可能需要填写的任何变量以完成该过程。使用插件有几个优点。

　　与 JavaScript 相关的 WordPress 插件示例

　　正如我们所说，几乎所有可以想象的功能、事件或其他过程或效果都有许多 WordPress 插件可用。尽管他们倾向于使用不同的路径到达同一个目的地。让我们来看看这些 WordPress 插件如何使用它们的魔法。

　　用于添加对自定义 JavaScript 文件的调用的插件

　　我们建议您使用此方法向 网站 或网页添加自定义 JavaScript 函数。它将 JavaScript 与 PHP 分开，大大降低了两者之间无法解决冲突的可能性。

　　找到这样的插件通常是一件简单的事情。只需通过管理页面登录网站即可。从仪表板转到插件页面并搜索“添加自定义 JavaScript”。有很多插件应该介绍给你。

　　由于术语经常重叠并用于定义不同的过程，因此请确保您选择的插件允许您定义指向适当 JavaScript 文件的永久链接。

　　在大多数（不一定是所有）情况下，您将通过 FTP 将 js 文件上传到 wp-content/ 文件夹。并且您的插件应该允许您输入文件的永久链接，然后将其作为调用而不是作为可执行代码行添加到 header 或 footer.php 文件中。

　　该插件向您的 WordPress网站 添加了一个特定的 JavaScript

　　有时，所有开发人员所要做的就是将单个 JavaScript 脚本添加到单个页面。如果脚本是由第三方创建的，您可以安装一个 WordPress 插件，将脚本无缝、轻松地集成到您的站点中。

　　任何人都会费心创建一个插件来将一个孤独的 js 片段集成到 网站 上的单个页面中。这似乎有点牵强，但还不是全部。为 WordPress 创建自定义 js 的编码人员通常会制作一个随附的插件，以方便脚本的使用并提高声誉。

　　将 JavaScript 添加到页眉或页脚 PHP 文件的插件（不推荐）

　　最后，尽管我们开始说永远不要将 JavaScript 代码直接添加到 header.php、footer.php 或 template.php 文件中，但仍有一些人坚持这样做。对于他们来说，如果您觉得将 JavaScript 添加到 WordPress PHP 文件是一项压倒性的要求，您至少可以使用插件来帮助完成这个过程。

　　插件会让你添加的代码不太可能导致级联问题，这可能会破坏你的网站功能和在谷歌看来的生存能力。记住，如果要在其他页面内容之前添加要执行的脚本，则需要将其添加到 header.php 文件中。并且，如果您想添加一个脚本，以便在其他页面内容加载后执行，您需要将其添加到 footer.php 文件中。

　　有许多插件可以为您执行 PHP 文件的这些修改。只需在您的网站插件页面搜索它们，然后安装、激活并打开插件界面。在这里，您将被要求输入要执行的脚本。其中一些插件包括一个用于在页眉中输入脚本的框和一个用于将脚本添加到页脚的框。您可以选择将其留空，也可以同时将脚本添加到两个 PHP 文件中。

　　我们再重复一遍，我们不建议您不要将自定义 JavaScript 直接添加到您的 WordPress PHP 文件中。但是，相反，创建一个单独的 JavaScript 文件或使用为您创建它的插件，然后修改 header 或 footer.php 文件以调用单独的 js 文件。

　　综上所述

　　毫无疑问，WordPress 是世界上最受欢迎的内容管理系统。它易于使用、可靠、*敏*感*词*和可定制，赢得了这一荣誉。但是，有正确的方法可以将自定义 JavaScript 添加到 WordPress网站，也有错误的（或至少不是理想的）方法。

　　使用上述指南中提供的信息，确定将自定义 js 添加到 WordPress网站 的方法最适合您的特定 网站 或您正在为他人开发的 网站。并记住以下基本规则：

　　祝你好运！

　　原创文章，作者：WPJIAN，如转载请注明出处：