如何编辑 WordPress 主题

已发表: 2021-05-16

您是否一遍遍浏览数千个主题，寻找最适合您的主题？您是否要花费所有这些时间来筛选一个又一个设计，只为一个功能？

不用担心，因为有一种方法可以自己对您的主题进行这些细微的调整，以避免麻烦。您需要做的就是学习如何编辑您的 WordPress 主题文件。

一旦您知道如何编辑您的 WordPress 主题文件，您就可以添加那些您原本独特的主题没有特别提供的小细节。无论是自定义横幅还是主题中以前不可用的字体，您都可以轻松地将其编辑到您的 WordPress 主题中。

编辑 WordPress 主题之前要做的事情：
- 1. 备份您的网站：
- 2. 设置文件权限：
- 3. 选择合适的程序：
- 4. 避免牛仔编码：
编辑 WordPress 主题的四种方法：
- 1. CSS 编辑
- 2. 主题编辑器和插件编辑器
- 3.创建一个儿童主题
- 4.页面构建器/框架
结论
常见问题（常见问题）
- 1. 如何编辑现有的 WordPress 主题？
- 2.如何免费定制WordPress主题？
- 3. 我可以编辑免费的 WordPress 主题吗？
- 4. 如何更改 WordPress 主题？
- 5. 在编辑 WordPress 主题之前你需要什么？

编辑 WordPress 主题之前要做的事情：

这是您开始编辑 WordPress 主题之前需要做的一些事情的列表。

1. 备份您的网站：

最好经常备份您的文件。处理备份文件可确保您不会弄乱原始网站，并且可以在需要时恢复到它们。您可以在需要时复制您的主题并将此备份副本存储在您的 Google Drive 或 Dropbox 中。在编辑主题时，安全总比后悔好。

备份文件的最简单方法是使用 WordPress 插件。您可以找到专门用于可靠备份文件的插件列表，例如 BlogVault 和 Jetpack。要了解有关不同备份方式的更多信息，请按照我们的指南学习如何备份 WordPress 网站。

2. 设置文件权限：

WordPress 文件和目录具有特定的权限，这些权限决定了您对它们的读取、写入和修改权限。自然，要编辑和保存文件，您必须相应地设置文件权限。

您可以使用 FTP 客户端或 cPanel 文件管理器来设置文件权限。

3. 选择合适的程序：

在编辑主题时，最好使用文本编辑器而不是 Microsoft Word 或 Google Docs 等文字处理程序。这是为了避免文字处理器为您的文本文件添加额外格式的风险。这些程序可以更改或转换特定字符，从而导致您的文件中断。

相反，像 Notepad++ 这样的文本编辑器将以纯文本格式编辑文件，而不是插入额外的代码。您可以使用其他文本编辑器，例如 Atom、BBEdit、Coda、EditPad、EditPlus、TextPad、pico 等。

4. 避免牛仔编码：

牛仔编码通常被认为是一种软件开发弊端，程序员在开发过程中拥有完全的自主权。这可能意味着您最终可能会在实时站点上编辑您的主题。无论你犯了什么错误，公众都会看到。

相反，您将希望在本地设置您的网站，即在您的本地硬盘驱动器上。您可以使用 DesktopServer、XAMPP、MAMP 和 Vagrant 等工具设置本地开发环境。 WordPress 还允许您创建一个临时站点并在进行更改之前对其进行编辑。此类功能允许您在将更改应用到实时站点之前安全地编辑和测试更改。

编辑 WordPress 主题的四种方法：

编辑 WordPress 主题的方法不止一种。一些比较流行的包括：

CSS 编辑
主题编辑器
创建子主题
页面构建器

让我们开始吧。

1. CSS 编辑

CSS（层叠样式表）是最流行的网络语言之一。它充当 HTML 的合作伙伴。 HTML 决定网站的外观，而 CSS 用于设置外观样式。这意味着如果您知道如何对 CSS 进行调整，则可以尝试布局、颜色、字体等，也就是说，您可以按照自己的方式自定义主题。

现在，要进行这些编辑，您必须访问您网站的样式表。编辑 CSS 的方法之一是通过 WordPress 定制器。你必须做什么：

第 1 步：转到外观 > 自定义。这应该会带您进入主题自定义屏幕，其中包含您网站的实时预览。

第 2 步：点击Additional CSS 。您可以在菜单底部找到它。

这将带您进入带有代码输入框的屏幕。在这里，您编写的任何代码都会出现在预览区域中，除非它有错误。

第 3 步：现在，您可以开始处理 CSS 元素了。但是您需要知道如何定位 CSS 元素。要选择 CSS 元素，您需要右键单击该元素。然后选择“检查”选项。您也可以按“ Ctrl + Shift + I ”进入检查模式。

例如，您可以粘贴以下代码来更改正文的字体大小：

身体 {
字体大小：1.25rem；
}

您可以在网站上进行任何您想要的更改。为此，您需要选择元素并添加代码以对其进行编辑。

这是添加红色边框的示例：

选择要添加边框的元素。在这里，我们将选择“您需要关注的 15 位最佳时尚博主”。
然后右键单击它。选择“检查”选项。

在这种情况下，标题是一个 H1 标签，类为“entry-title”。

现在，您可以通过添加以下代码在标题上放置一个红色边框：

 h1.entry-title { border: 1px solid red; }

请注意，您添加的 CSS 已保存在数据库中，以避免修改您的主题文件。但是，如果您切换主题，您将丢失 CSS。因此，为了不丢失进度，您可能需要备份 CSS 以防万一。

2. 主题编辑器和插件编辑器

主题编辑器是 WordPress 中的一个简单文本编辑器，可让您从管理区域编辑主题文件和插件。您可以在外观 > 主题编辑器中找到它。

您必须立即考虑一些事情。这是编辑主题的风险更大的方法之一，甚至 WordPress 在您开始之前都会警告您不要这样做。如果您输入错误的代码，您最终可能会被锁定在您的网站之外。如果您的主题提供未来更新，您所做的任何更改也将丢失。因此，在以这种方式编辑主题文件之前，请确保您了解风险，并确保您不会收到更新。您具有此方法的先前编码知识也很重要。

如果您对使用此方法的技能有信心，编辑器右侧的主题中有一个当前活动文件的列表。您可以选择要编辑的文件并编码。