新手如何将网页上的代码片段粘贴到 WordPress 中

大家好！今天的教程主要是教大家怎么安全的将各种自定义代码片段粘贴到 WordPress 中。下面主要给大家分享一些我们团队粘贴自定义代码片段的经验。

在 WordPress 中添加代码片段的最好的方法是什么？

还是和之前一样的，在开始向 WordPress 网站添加代码片段之前，应该对WordPress 网站备份。

这可以保证 WordPress 网站的安全，如果有问题，可以随时从备份中恢复网站。

向 WordPress 添加代码片段时，一般是可以找到将代码片段添加到 WordPress 主题模板文件（如 index.php、single.php 等）的说明。

这些片段仅对那些特定的主题文件有用，所以直接添加或创建 WordPress 子主题。

但是，大多数代码片段都会添加到 WordPress 主题的functions.php文件中。有些教程可能会将代码片段直接添加到文件中，操作熟练的可以这样做。但是，我们的教程是给新手准备的，所以会用到WordPress插件。

这样，如果更改主题，自定义功能也不会被删除。

编辑 WordPress 文件的方法有多种，具体取决于选择向WordPress 网站添加自定义代码片段的方法。

方法 1：使用 WPCode 插件添加自定义代码（简单）

使用代码片段插件是向 WordPress 添加代码最安全且最适合新手的方法。

WPCode插件可以轻松地在网站上添加和管理自定义代码片段，无需编辑主题文件。

它有智能代码片段验证功能，可帮助避免常见的代码错误。这可防止在添加代码片段时影响网站。

WPCode 还具有内置代码库，可轻松找到所有最受欢迎的 WordPress 代码片段。单击几下即可添加这些代码片段。

最好的部分是，它可以让管理员从一个中央屏幕管理所有代码片段，甚至可以使用标签来组织。

注意： WPCode 方法对于需要添加到functions.php文件中的代码片段很有用。如果要求在其他主题文件中添加代码片段，这个方法就用了。

如何使用 WPCode 编辑和添加 WordPress 代码

如果要使用 WPCode 插件向 WordPress 添加代码，那么可以直接在 WordPress 管理仪表板中添加代码。

首先，安装并激活免费的WPCode插件。

激活后，转到WordPress 管理仪表板中的“代码片段”»+ 添加代码片段。然后，单击“添加新”按钮。

这会进入一个屏幕，可以在其中从预制库中选择一个片段或添加自定义代码。

要添加自定义代码，请单击“添加自定义代码（新代码片段）”选项下的使用代码片段按钮。

在下一个屏幕上，先为代码片段命名，方便记住它。然后，将代码粘贴到框中。从右侧的下拉菜单中选择正确的代码类型。

接下来，向下滚动到“插入”部分。在这里，可以选择使用代码片段作为短代码，然后手动将其复制并粘贴到网站的任何位置。

或者，可以选择“自动插入”方法来选择自动插入代码片段的位置（WordPress 功能）。

可以从以下位置进行选择，例如在各处运行、仅前端、仅管理员、站点范围标题、帖子后、帖子之间、段落前等。

WPCode 最好的地方在于，除了各种自动插入选项外，它还附带了适合新手的条件逻辑选项。这可让选择什么时候加载代码。

添加完代码后，将右上角的开关从“非活动”切换到“活动”。

然后，单击保存代码片段按钮。

一旦代码片段处于活动状态，它将被自动添加或显示为短代码，具体取决于选择的插入方法。

如何向 WordPress 页眉和页脚添加代码

有时可能只需要向主题header.php或footer.php文件添加代码。WPCode 插件也可以帮助完成此操作。

当需要向网站添加Google Analytics、Google AdSense、等的跟踪代码时，这会非常方便。

此外，它还可以在一个地方管理所有页眉和页脚代码，防止任何手动错误，并且升级或更改主题都不会丢失。

注意：此方法最适合跟踪脚本、自定义 CSS 和JavaScript 代码。

转到代码片段»页眉和页脚，然后将代码片段输入到网站的页眉、正文或页脚部分。

单击“保存更改”按钮，然后代码片段将在网站上显示。

方法2：在特定站点的 WordPress 插件中添加自定义代码

另一个灵活的选择是使用特定于站点的 WordPress 插件。这是一个自定义插件，可以为自己的网站创建它，并用它来保存所有自定义代码。

这种方法的优点是代码不依赖于主题，即使更改主题，它仍保持活动状态。它也不会受到网站上的任何WordPress 更新的影响。

注意：这个方法仅适用于需要添加到functions.php文件的代码片段。

如果用特定于站点的插件，那么可以使用内置的 WordPress 插件编辑器来添加自定义代码。

转到插件»插件编辑器，然后从标有“选择要编辑的插件：”的下拉菜单中选择插件。

编辑器将加载网站特定的插件。然后，将代码添加到页面即可。

完成后，单击“更新文件”按钮来保存更改。

如果代码中缺少某些内容或可能破坏网站，那么插件编辑器将自动撤消更改。

另一种向特定于站点的插件添加自定义代码的方法是使用 FTP。

用FTP 客户端打开网站，然后右键单击插件文件并选择“查看/编辑”选项。

这会打开文件，方便添加代码片段。再次保存并上传文件时，更改会自动显示。

方法3：向 Functions.php 或其他主题模板添加自定义代码

最后，可以直接将代码片段添加到主题functions.php文件中。但是，我们建议使用其它的方法，因为这存在一些缺点。

首先，如果更新你的WordPress 主题，那么所有更改都会消失。

接下来，添加的代码只有在使用该特定主题时才会起作用。

我们看看如何正确地复制和粘贴代码片段并避免破坏网站。

如果将代码片段直接添加到主题文件或任何其他页面模板，那么可以导航至WordPress 管理面板中的外观»主题编辑器functions.php来添加代码。

然后，从右侧栏中选择该文件，它会在编辑器中打开。

根据你选的教程会告诉你可以在哪里添加代码片段，如果没有，那么需要在文件底部的所有现有代码下方添加代码。

另一种选择是用WordPress 托管文件管理器的 FTP 将自定义代码添加到主题文件中。

将 FTP 客户端连接到网站，然后转到wp-content » themes » your-theme-folder并右键单击需要编辑的文件。

然后，单击“查看/编辑”选项在文本编辑器中打开文件并添加代码片段。

添加自定义代码时解决 PHP 错误

新手在向WordPress 网站添加自定义代码片段时会犯一些常见错误。好消息是，大多数错误都可以避免和修复。

我们看看这些错误以及修复它们的方法。

1. PHP 开始和结束标签的错误使用

WordPress 主要使用PHP编程语言编写，该语言具有特定的语法，可以告诉服务器以下代码需要由 PHP 处理。典型的 PHP 代码片段如下所示：

所有 PHP 代码都需要放在<?php和?>标签内。

PHP 结束标记对于在 PHP 和 HTML 之间来回切换的文件中非常重要。这包括大多数使用 PHP 标记和 HTML 的 WordPress 主题文件。

要确保，如果将代码粘贴到 PHP 开始标记未关闭的位置，则需要添加不带起始 PHP 标记的代码。

如果将自定义代码粘贴到 PHP 结束标记外面或之后，那么还需要添加 PHP 开始标记。

90% 的错误都是由于 PHP 开始或结束标记位置不正确而导致的。查看代码将有助于了解是否需要在自定义代码片段中添加 PHP 开始或结束标记。

但是，许多 WordPress 主题文件functions.php可能根本没有 PHP 结束标记。这意味着可以在文件底部添加代码，而无需使用开始或结束标记。

下面是一个例子。

因为有些教程是假设你已经知道如何使用 PHP 开始和结束标记。因此，教程里可能只是展示一段不带这些标记的代码片段。

有时，当给出代码片段时，它们可以添加到多个位置，因此不会包含 PHP 结束和开始标签。

当在主题文件中添加这样的代码片段时，要确保它位于 PHP 标签内。

了解 WordPress 中的 PHP 错误

在 WordPress 中添加自定义代码时产生的错误通常会显示详细的错误信息，其中大部分是语法错误、解析错误或由于意外字符导致的致命错误。

好消息是，这些错误会告诉您代码中的哪一行导致了错误。

然后，可以转到确切的代码行来检查代码并找出遗漏的内容。

这里，我们建议使用适当的文本编辑器进行代码编辑，因为它们具有行号和语法突出显示，可以帮助解决问题。

如果用WPCode插件，它还附带精确的错误报告，可以显示发生错误的确切行。

当 WPCode 发现阻止管理员访问网站管理区域的错误时，它会自动禁用代码片段，方便可以安全地修复该问题。

当 WordPress 网站无法访问时该怎么办？

不要慌。网站的所有文件都还在，可以访问它们。

只需使用FTP 客户端或控制面板中的文件管理器应用程序连接到网站。

接下来，找到添加导致错误的代码的文件并打开它进行编辑。

然后，可以尝试修复代码片段中的问题。如果无法修复这些问题，删除添加的代码片段，保存更改即可。

现在，网站应该恢复正常了。如果仍然显示错误，下载一个 WordPress 主题的全新 zip 文件解压到你桌面。

然后，找到之前更改的文件，并将其上传到服务器，覆盖旧文件。

有关解决这些问题的更多方法，可以参阅我们关于常见的 WordPress 错误及其修复方法。