建站教程

建站教程

Products

当前位置:首页 > 建站教程 >

如何在 WordPress 中正确添加自定义代码

GG网络技术分享 2025-03-18 16:10 0


WordPress 是一个内容管理系统。 目前,29.1% 的网站在 WordPress 上运行。 随着其越来越受欢迎,网站所有者和管理员总是希望修改 WordPress 提供的主题和插件,以满足他们的需求。

但是通常需要这些主题和插件无法提供的附加功能。 然而,你应该 在 WordPress 中添加自定义代码 以这样的方式

它经得起时间的考验。 不应对您的父主题进行此类更改,因为更新将覆盖更改。 那么您应该如何对您的 WordPress 进行自定义代码更改呢? 让我们来看看。

创建子主题

如果您希望在 WordPress 中添加自定义代码来更改主题的基本功能,那么您应该选择子主题。 这涉及使用 CSS 覆盖样式。 有两种方法可以创建子主题:

使用自定义插件:

安装子主题配置器插件。 这允许您从现有主题之一构建子主题。 安装后,转到工具并单击子主题子菜单。 选择您要更改的父主题,然后单击分析。

单击“创建新子主题”按钮以创建新的子主题。 它将被放置在您的 wp-contents 文件夹中。 单击查询/选择器选项卡以添加自定义 CSS 代码。

单击保存会弹出一个确认屏幕,您可以在其中查看所做的更改并进行确认。 单击 Save Child Values 确认更改。 您可以查看您在子样式选项卡中添加的 CSS。

在 WordPress 中添加自定义代码

传统方法:

在父主题文件夹中,创建一个名称以“-child”结尾的新文件夹。 接下来,需要使用以下值创建一个 style.css 文件:

Theme Name: Twenty Seventeen Child

Theme URI: https://WordPress.org/themes/twentyseventeen/

Description: Twenty Seventeen Child Theme

Author: The WordPress team

Author URI: https://WordPress.org/

Template: twentyseventeen

Version: 1.0.0

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Tags: light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready

Text Domain: twenty-seventeen-child

在最后一步,应将父主题样式表和子主题样式表加入队列。 在子主题文件夹中,应将以下代码添加到 functions.php 文件中:

;

您还可以复制模板文件并相应地修改它们,以在 WordPress 中添加自定义代码。

使用插件添加自定义代码

如果您对 WordPress 的后端不太熟悉,您可以选择一个插件,让您在 WordPress 中添加自定义代码。 使用插件可以消除由于更新或意外删除内容而丢失修改的可能性。 在这里,我们将看看两个可以帮助您实现这一目标的插件:

插入页眉和页脚:

此插件可让您将代码添加到网站的页眉和页脚。 这个插件带有一个简单的界面,允许您在一个地方编写脚本。 它安装快捷,可让您将自定义 CSS、Facebook Pixel 和 Google Analytics 代码以及 Javascript 和 HTML 添加到页眉和页脚。

代码片段:

代码片段

此插件可让您进行自定义代码更改,而不必担心它们会被更新清除。 安装此插件会为您的站点添加一个名为 Snippets 的新菜单。

使用此菜单,您可以添加新的代码片段并为其命名。 它有一个框,您可以在其中编写代码,下面有一个描述框,您可以在其中说明它提供的功能。

有一个选项可以启用或禁用这些片段,这使得调试更容易。 您还可以将它们导出为 PHP 文件。 如果您的片段导致其他主题或插件出现问题,您可以随时禁用它们以找出原因。

通过创建自定义插件添加自定义代码

如果您希望在不更改功能的情况下修改您的网站,那么您最好的选择是创建一个自定义插件。

通过构建自定义插件,您可以在 WordPress 中添加自定义代码,以更改即使在主题更新时仍然存在的小功能。 您可以通过五个简单的步骤创建一个新的 WordPress 插件:

使用 FTP 访问网站:

使用文件传输协议访问您的站点。 不熟悉 FTP 的人在继续之前应该先了解它。

转到 WordPress 插件文件夹:

导航到位于 /wp-content/plugins 的插件文件夹。

创建一个新文件夹:在插件文件夹中创建一个新文件夹。 为文件夹指定一个唯一的名称,例如“number-one-plugin”,然后输入它。

创建一个 PHP 文件:

在您的新插件文件夹中,创建主 PHP 文件。 将其命名为“number-one-plugin”,即与插件文件夹相同。 接下来,您需要打开并编辑此文件。

设置插件信息:

最后,您需要将插件信息复制到您的主 PHP 文件中。 您需要编辑插件名称和插件 URL 等详细信息。

<?php

/**

* Plugin Name: Number One Plugin

* Plugin URI: http://www.abcd.com/number-one-plugin

* Description: The very first plugin that I have ever created.

* Version: 1.0

* Author: Your Name

* Author URI: http://www.abcd.com

*/

现在您可以激活插件并根据需要进行更改。 让我们看一下您可以使用自定义插件完成的简单任务。 此代码在您的所有帖子下方添加一个文本:

add_action( 'the_content', 'my_thank_you_text' );

function my_thank_you_text ( $content ) {

return $content .= '<p>Thank you for your attention!</p>';

}

因此,在 WordPress 中添加自定义代码没什么大不了的,任何人都可以使用上述方法来完成。 如果手动代码让您感到困惑,最好使用插件。 但是,您需要根据自己的情况决定哪种方法最适合您。

相关文章:在 WordPress 中创建自定义分类法

标签: WordPress op

提交需求或反馈

Demand feedback