这是初学者最安全,最推荐的方法。Code Snippets是一个WordPress插件,可让您轻松添加和管理您网站上的自定义代码段。
它带有一个故障安全开关,如果它导致错误,它会立即停用代码片段。这可以防止您在添加自定义代码段时失去对网站的访问权限。
有关详细说明,请参阅我们的指南,了解如何在WordPress中轻松添加自定义代码段。
宁波小程序开发注意:代码片段方法对于需要添加到函数文件中的片段非常有用。如果要求您在其他主题文件中添加代码段,则此方法将不起作用。
2.创建子主题以保存自定义代码
第二种方法是创建一个子主题。更新主题时,使用子主题将保持更改不变。它还允许您在需要时将代码添加到其他主题文件,而无需担心更新撤消更改。
宁波小程序开发有关更多详细信息,请参阅有关如何在WordPress中创建子主题的指南。
注意:此方法也适用于需要在其他主题模板中添加的代码段。
3.为自定义代码使用特定于站点的插件
另一个灵活的选择是使用特定于站点的WordPress插件。这是一个自定义插件,您可以为自己的网站创建并使用它来保存所有自定义代码。
此方法的优点是您的代码不依赖于您的主题,即使您更改主题,它也将保持活动状态。它也不受您网站上任何WordPress更新的影响。
有关详细说明,请参阅我们的指南,了解如何为您的网站制作特定于网站的插件。宁波小程序开发
注意:此方法仅适用于需要在函数文件中添加的代码段。
4.直接将代码添加到函数文件
可以在主题的functions.php文件中添加代码片段。但是,它有一些缺点。
2.在特定于站点的WordPress插件中添加自定义代码
如果要在特定于站点的插件中添加自定义代码,则可以使用内置的WordPress插件编辑器添加自定义代码。
首先,从标有“选择要编辑的插件”的下拉菜单中选择特定于站点的插件。编辑器将加载您的插件文件,您将能够在其中添加代码片段。
完成后,单击“更新文件”按钮以保存更改。
如果您的代码中缺少某些内容或者有可能破坏您的网站,那么插件编辑器将自动撤消您的更改。宁波小程序开发
在特定于站点的插件中添加自定义代码的另一种方法是使用FTP。
只需使用您的FTP客户端转到插件文件夹即可。右键单击插件文件,然后选择查看/编辑文件。
3.将自定义代码添加到functions.php或其他主题模板
如果要将代码片段添加到主题的functions.php文件或任何其他模板中,则可以通过访问外观»编辑器直接添加代码。您可以从右栏中选择需要添加代码的文件。
您所遵循的说明将告诉您粘贴代码的位置,但如果没有,则需要在文件底部添加代码。
更好的替代方法是使用FTP在主题文件中添加自定义代码。只需将您的FTP客户端连接到您的网站,然后转到/ wp-content / themes / your-theme-folder /并右键单击需要编辑的文件。
选择“查看/编辑文件”选项以在文本编辑器中打开文件。
|
1
2
3
4
5
6
7 |
// PHP Begin Tag<?php// Rest of the code goes here// PHP End Tag?> |
<?php和?>标签内。
PHP结束标记在HTML中来回切换的文件中变得更加重要。这包括大多数使用PHP标签和HTML的WordPress主题文件。
您需要确保如果您在PHP开始标记未关闭的位置粘贴代码,则需要添加代码而不使用起始PHP标记。
|
1
2
3
4
5
6 |
<?php // Some pre-existing code// your custom code?> |
|
1
2
3
4
5
6
7
8 |
<?php // Some pre-existing code ?> // Your custom code snippet<?php ?> |
|
1
2
3
4
5
6
7
8
9
10
11 |
<?php// Lots of code in your theme's functions file////// Your custom codefunction 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'); |
|
1
2
3
4
5
6 |
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'); |
|
1
2
3
4
5 |
<?php function wpbeginner_tutorial() { echo "Hello World!"; } ?> |
|
1
2
3
4
5
6
7
8
9
10
11
12 |
// Pre-existing code in your theme file<?phpfunction 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>';}?> |
然后,您可以转到确切的行来查看代码并找出您错过的内容。为此,我们建议使用适当的文本编辑器进行代码编辑,因为它们具有行号和语法突出显示,可以帮助您轻松解决问题。