You are here:  Home » PHP » Beginner’s Guide to Pasting Snippets from the Web into WordPress

在WPBeginner,我们经常发布教程,要求用户将代码片段添加WordPress中。在WordPress主题文件中复制和粘贴代码对于有经验的用户来说似乎很容易,但对于初学者来说这是相当繁琐和令人生畏的。由于不熟悉编码,初学者最终可能会犯一个可能导致网站崩溃的错误。在本分步指南中,我们将向您展示如何将代码片段从Web复制并粘贴到WordPress中。

How to safely copy and paste code snippets in WordPress

为什么要将代码片段添加到您的WordPress网站?

由于WordPress提供的灵活性,它是世界上最好的网站建设者。向WordPress网站添加新功能非常容易。

WordPress资源网站,如WPBeginner共享提示和黑客,您可以添加,以改善您的网站。虽然向您的网站添加自定义代码段是可选的,并且您经常可以找到插件来执行相同的任务,但有时一个简单的代码段更有效。

某些代码段可以非常方便,可以帮助您修复许多常见的WordPress错误,提高WordPress安全性,甚至可以为您的网站添加新功能。

话虽如此,让我们来看看如何安全地将代码片段添加到您的WordPress网站。

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

你必须在每个WordPress网站上做的第一件事就是安装一个WordPress备份插件。这可以使您的WordPress站点安全,并且您可以随时从备份中恢复它,以防出现任何问题。

有时您可能会发现在WordPress主题模板中添加代码片段的说明,如index.php,single.php,header.php等。这些代码段仅在这些特定模板中有用,因此您必须将它们直接添加到主题文件或创建子主题。

但是,大多数自定义代码段都会添加到WordPress主题的functions.php文件中。虽然本教程可能会建议您将其添加到主题的functions.php文件中,但有一个更好的替代方法,其功能与函数文件相同。

让我们看一下在WordPress中添加自定义代码片段的一些方法。

1。使用代码片段WordPress插件

Code Snippets plugin

这是初学者最安全,最推荐的方法。Code Snippets是一个WordPress插件,可让您轻松添加和管理您网站上的自定义代码段。

它附带一个故障安全开关,如果它导致错误,它会立即停用代码片段。这可以防止您在添加自定义代码段时失去对网站的访问权限。

有关详细说明,请参阅我们的指南,了解如何在WordPress中轻松添加自定义代码段。

注意:代码片段方法对于需要添加到函数文件中的片段非常有用。如果要求您在其他主题文件中添加代码段,则此方法将不起作用。

2。创建子主题以保存自定义代码

Using child theme to add custom code snippets in WordPress

第二种方法是创建子主题。更新主题时,使用子主题将保持更改不变。它还允许您在需要时将代码添加到其他主题文件,而无需担心更新撤消更改。

有关更多详细信息,请参阅我们的指南,了解如何在WordPress中创建子主题。

注意:此方法也适用于需要在其他主题模板中添加的代码片段。

3。为自定义代码使用特定于站点的插件

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

此方法的优点是您的代码不依赖于您的主题,即使您更改主题,它也将保持活动状态。它也不受您网站上任何WordPress更新的影响。

有关详细说明,请参阅我们的指南,了解如何为您的网站制作特定于网站的插件。

注意:此方法仅适用于需要在函数文件中添加的代码段。

4。直接向函数文件添加代码

可以在主题的functions.php文件中添加代码片段。但是,它有一些缺点。

  • 更新WordPress主题时,您的更改将被删除
  • 只有在使用特定主题时,您的代码才有效。

这就是说,让我们来看看如何正确复制和粘贴代码片段,避免破坏您的网站。

如何编辑WordPress文件?

根据您选择在您的网站上添加自定义代码段的方法,有不同的方法来编辑WordPress文件。

1。在代码片段插件中添加自定义代码

如果您使用的是代码片段插件,则可以轻松地从WordPress管理区域添加代码片段。只需转到 Snippets»添加新的页面即可添加您的自定义代码。

Adding a new snippet in Code Snippets plugin

2。在特定于站点的WordPress插件中添加自定义代码

如果要在特定于站点的插件中添加自定义代码,则可以使用内置的WordPress插件编辑器添加自定义代码。

Editing a site specific plugin using the WordPress plugin editor

首先,从标有“选择要编辑的插件”的下拉菜单中选择特定于站点的插件。编辑器将加载您的插件文件,您将能够在其中添加代码片段。

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

如果代码中缺少某些内容或有可能破坏您的网站,则插件编辑器将自动撤消您的更改。

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

只需使用您的FTP客户端转到插件文件夹即可。右键单击插件文件,然后选择查看/编辑文件。

Edit site-specific WordPress plugin using FTP

3。将自定义代码添加到functions.php或其他主题模板

如果要将代码片段添加到主题的functions.php文件或任何其他模板中,则可以通过访问外观直接添加代码»编辑。您可以从右栏中选择需要添加代码的文件。

Theme editor

您所遵循的说明将告诉您粘贴代码的位置,但如果没有,则需要在文件底部添加代码。

更好的替代方法是使用FTP在主题文件中添加自定义代码。只需将您的FTP客户端连接到您的网站,然后转到/ wp-content / themes / your-theme-folder /并右键单击需要编辑的文件。

Edit theme files via FTP
选择“查看/编辑文件”选项以在文本编辑器中打开文件。

在添加自定义代码时排除PHP错误

在向网站添加自定义代码段时,初学者会犯一些常见错误。让我们来看看它们中的一些以及如何避免它们

1。PHP开头和结束标签的使用不正确

WordPress主要是用PHP编程语言编写的,它具有特定的语法,告诉您的服务器需要PHP处理以下代码。以下是典型的PHP代码片段的样子:

// PHP Begin Tag
<?php

// Rest of the code goes here

// PHP End Tag
?>

所有PHP代码都需要在&lt;?php 中?&gt; 标签。

PHP结束标记在HTML中来回切换的文件中变得更加重要。这包括大多数使用PHP标签和HTML的WordPress主题文件。

你需要确保如果你在PHP开始标记未关闭的位置粘贴你的代码,那么你需要添加没有起始PHP标记的代码。

<?php 
// Some pre-existing code

// your custom code

?> 

如果你是将您的自定义代码粘贴到PHP结束标记之外或之后,您还需要添加PHP开始标记。

<?php 
// Some pre-existing code 
?> 

// Your custom code snippet
<?php 

?>

几乎90%的错误都是由错误放置PHP结束或启动标记引起的。通过研究代码,您可以了解是否需要在自定义代码段添加PHP开头或结束标记。

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

<?php
// Lots of code in your theme"s functions file
//
//
// Your custom code
function custom_loginlogo() {
echo "<style type="text/css">
h1 a {background-image: url(".get_bloginfo("template_directory")."/images/login_logo.png) !important; }
</style>";
}
add_action("login_head", "custom_loginlogo");

请记住,教程编写者可能有时会假设您已经知道如何使用PHP开始和结束标记。他们可能只是向您显示没有这些标签的代码段

function custom_loginlogo() {
echo "<style type="text/css">
h1 a {background-image: url(".get_bloginfo("template_directory")."/images/login_logo.png) !important; }
</style>";
}
add_action("login_head", "custom_loginlogo");

由于教程作者不知道您将在何处添加代码,因此他们已跳过PHP结束并启动标记。现在,当您在主题文件中添加这样的代码片段时,您需要确保它在PHP标记内。

2。错误的嵌套错误

PHP具有函数,条件逻辑和循环的特定语法。此语法取决于大括号,它指示函数何时开始以及何时结束。

例如,这是一个简单的PHP函数:

<?php 
function wpbeginner_tutorial() { 
echo "Hello World!"; 
} 
?>

现在,如果你想添加一个与这个函数无关的自定义代码片段,那么你需要把它放在这个以外像这样的函数:

// Pre-existing code in your theme file
<?php
function wpbeginner_tutorial() { 
echo "Hello World!"; 
} 
// Your custom code 
function custom_loginlogo() {
echo "<style type="text/css">
h1 a {background-image: url(".get_bloginfo("template_directory")."/images/login_logo.png) !important; }
</style>";
}
?>

如果你错过了开始或结束的花括号,那么这将破坏代码,你最终会得到一个错误页面。

了解WordPress中的PHP错误

在WordPress中添加自定义代码导致的错误通常会导致详细的错误消息。其中大多数是语法错误,解析错误或由于意外字符导致的致命错误。

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

PHP error message

然后,您可以转到确切的行来查看代码并找出您错过的内容。为此,我们建议使用适当的文本编辑器进行代码编辑,因为它们具有行号和语法突出显示,可以帮助您轻松解决问题。

当您的WordPress网站无法访问时该怎么办?

首先不要惊慌。只需使用cPanel中的FTP客户端或文件管理器应用程序连接到您的网站。接下来,找到您添加导致错误的代码的文件并对其进行编辑。

您可以尝试使用代码段修复问题。如果您无法解决这些问题,请删除代码并保存更改。

您的网站应该恢复正常。如果仍显示某些错误,请下载WordPress主题的新副本并将zip文件解压缩到您的计算机。

将您从计算机进行更改的文件上传到您的网站,同时覆盖旧文件。

有关解决这些问题的更多方法,请参阅我们的指南,了解最常见的WordPress错误以及如何解决这些问题。如果这没有帮助,请按照我们的WordPress故障排除指南执行分步诊断。

我们希望本文能帮助您了解如何将Web代码片段粘贴到WordPress中。需要一些您可以在您的网站上尝试的代码段吗?请参阅我们的WordPress函数文件非常有用的技巧列表。

评论被关闭。