WordPress主题编辑器。它是什么以及自定义网站的5种方法
一个WordPress主题是一捆文件，包括图像、样式表和代码，以及定义一个网站的视觉外观和功能。
然而，WordPress主题并不总是包括你可能需要的功能。为了克服这个问题，WordPress有一个内置的主题编辑器，让你在仪表板上修改主题文件。
本文将解释如何使用主题编辑器来定制一个WordPress主题。我们还将讨论其他五种编辑网站的方法和编辑WordPress主题时的有用提示。
- 什么是WordPress主题编辑器？
- 如何使用WordPress主题编辑器
- 定制WordPress主题的其他方法
- 1.通过文件管理器编辑主题文件
- 2.使用基于块的网站编辑器
- 3.安装页面生成器
- 4.利用WordPress插件
- 5.使用子主题
- 编辑WordPress主题时的额外提示
- 始终创建备份文件
- 建立一个本地测试服务器或一个暂存环境
- 使用版本控制
什么是WordPress主题编辑器？
WordPress主题编辑器是WordPress仪表板内的一个简单的文本编辑器。它允许用户定制WordPress主题文件，以实现他们所需要的外观和功能。例如，附加一个额外的侧边栏，使网站变得移动友好，或在标题中嵌入自定义视频。
如何使用WordPress主题编辑器
WordPress主题编辑器可以让你打开任何已安装的主题的文件。它在文本编辑器上显示文件内容，因此你可以直接在仪表板上调整主题的代码。
虽然这个工具在较早的WordPress版本中被称为主题编辑器，但较新的WordPress 5.9则使用主题文件编辑器。
通过外观 -> 主题文件编辑器访问主题代码编辑器。在右边，它将显示主题包括的模板文件的列表。点击任何文件以查看其内容并进行修改。
**重要的是!**如果你在WordPress 5.9中使用一个基于块的主题，请导航到工具->主题文件编辑器来访问编辑器。
要选择其他主题进行修改，只需导航到屏幕的右上角，点击下拉菜单就可以找到更多的主题选项。
然而，选择其他主题不会切换活动主题。进入外观 -> 主题 ，查看当前的活动主题或激活一个不同的主题。
一旦你完成了对主题文件的定制，点击更新文件 按钮。如果代码中存在语法错误，WordPress主题编辑器会阻止用户保存文件。它还会指出错误的位置，使之更容易修复。
由于大多数主题使用CSS、JavaScript和PHP文件类型，确保你能自如地使用它们是至关重要的。在编辑或粘贴代码片段时要小心，因为做得不对可能会导致错误，甚至将你锁定在网站之外。
主题文件根据主题的不同而不同。然而，每个WordPress主题都包括这些基本文件。
- 样式表（style.css）--包含设计相关的功能，包括字体、颜色和布局。你可以在这个文件中添加自定义CSS，改变整个网站的外观。
- Functions.php - 决定了主题的特点和功能，如小工具、特色图片和自定义标志。
- 模板文件 - HTML、模板标签和PHP代码的组合，决定了任何特定页面的内容输出，如单篇文章、404页面和档案。
如果你是一个为客户工作的开发人员，可能最好是禁止访问主题编辑器。这样做可以防止不必要的错误，因为客户可能没有意识到编辑主题代码的潜在风险。
此外，禁止对主题代码编辑器的访问可以防止黑客将恶意代码注入网站中。
**重要的是!**在定制主题的文件之前，一定要建立备份。如果你想了解如何创建一个WordPress备份，请查看我们的指南。
定制WordPress主题的其他方法
WordPress主题编辑器并不是唯一可以用来定制网站主题和外观的工具。在本节中，我们将讨论自定义WordPress主题的几种方法。
1.通过文件管理器编辑主题文件
WordPress的主题文件存储在你的虚拟主机账户中，使用文件管理器来修改它们是可能的。下面是使用Hostinger的hPanel来做的步骤。
- 转到hPanel仪表板，点击文件管理器。
- 打开public_html 文件夹。
- 转到wp_content->themes文件夹。
- 这个文件夹包含你为WordPress网站下载的所有主题。双击你想编辑的主题的文件夹名称。
- 选择一个主题文件，点击菜单栏上的编辑 图标。
- 文件管理器将打开文本编辑器，以便你可以编辑该文件。完成后点击保存 按钮。
2.使用基于块的网站编辑器
WordPress用户也可以使用基于块的编辑方式来定制他们的主题。
要使用这个编辑器，你需要WordPress 5.9或更高版本和一个基于块的主题，如Twenty Twenty-Two或Wabi。
然后，你可以定制主页、文章和页面的主题模板。通过导航到外观 ->网站编辑器来访问编辑器。
编辑器将默认打开主页模板。点击屏幕左上角的WordPress标志并选择模板，可以看到所有可用的模板。
由于这是一个基于块的编辑器，所以可以定制和重新安排所有现有的WordPress块。我们有一个关于使用Gutenberg块编辑器的完整指南，但这里是你需要知道的主要操作。
- 点击编辑器左上角的加号 按钮，打开块库。选择其中一个块，将其插入到内容中。
- 点击屏幕右上角的设置 按钮，打开模板和块设置。每当你选择一个块，该块的设计工具就会出现在这里。
- 点击屏幕右上角的黑白圆圈 ，打开全局样式面板。这个面板可以让你自定义整个网站的颜色、排版和布局元素，而无需使用任何CSS代码。
3.安装页面生成器
许多WordPress主题都与WordPress页面生成器兼容，如 Divi、Elementor和Beaver Builder。这些插件大多具有拖放功能，允许你在不编辑代码的情况下调整主题。
要使用页面生成器定制你的网站，安装一个与你的主题兼容的插件，并使用提供的选项来编辑你的页面设计。
一旦你进入了Elementor的拖放界面，就可以通过选择左侧边栏的小工具开始向页面添加元素。
尽管页面生成器为你的网站提供了灵活性和许多定制选项，但它们也有缺点。
WordPress页面生成器将网站的布局转换为插件特定的短代码。因此，当你停用页面构建器插件时，短代码将无法工作，你将失去设计。
4.利用WordPress插件
如果你的网站只需要一个基本的附加功能，安装一个额外的插件是一个不错的选择。WordPress插件目录有成千上万的选择，从电子商务和安全插件到社交媒体整合和WordPress SEO优化。
在安装任何插件之前，要注意它最后一次更新的时间，用户评价，以及与最新WordPress版本的兼容性。经常更新的插件一般有较少的安全和兼容性问题，而用户评分可以表明其整体质量。
如果你只是想编辑主题的风格和设计，可以使用CSS Hero这样的插件。它可以生成一份样式表的副本并覆盖原始样式表，让用户在不触及主题的原始文件的情况下修改网站的设计和风格。
建议阅读
如果你正在寻找其他的插件选项，请查看我们对最佳WordPress插件的评论。
5.使用子主题
编辑主题文件的一个缺点是，当主题被更新时，你会失去这些变化。
安装或创建一个新的子主题来克服这个问题。它是一个新的主题，继承了父主题的所有特性。
子主题的style.css和function.php文件存储在一个单独的目录中，所以你可以在子主题目录内创建新的文件来定制样式、布局参数和脚本。当父主题被更新时，这些文件不会受到影响。
在WordPress中创建一个子主题有几种方法。这些方法包括通过文件管理器设置一个子主题文件夹，以及安装一个像WPS子主题生成器的插件。
编辑WordPress主题时的额外提示
尽管使用主题编辑器编辑主题的原始代码可以让你完全控制结果，但它也可能导致你的网站丢失必要的代码片段并崩溃。
因此，下面的部分将介绍在定制你的WordPress主题之前需要遵循的一些安全做法。
始终创建备份文件
在进行重大编辑时，为你的WordPress网站创建一个备份是必不可少的。它可以防止你在出错时从头开始重做设置和定制。
然而，你并不总是需要一个完整的备份。例如，如果你只是编辑样式表.css文件，保存一份副本就足够了。如果出了问题，可以上传备份文件来覆盖修改的内容。
设置一个本地测试服务器或暂存环境
使用一个测试环境来检查和预览你对WordPress主题所做的编辑。使用一个本地服务器或暂存站点可以防止不需要的错误到达现场。
要做到这一点，你将需要使用MAMP或WampServer在本地安装WordPress。这将给你一个环境，在你的本地电脑上安装和测试WordPress。
另一种方法是使用一个暂存环境来复制你的网站。与本地服务器的解决方案不同，这是在你的虚拟主机账户上或通过WordPress仪表板完成的。
使用像WP Staging这样的插件，从你的WordPress仪表盘上设置网站的克隆。该插件将提供克隆网站的URL--只需登录并开始编辑主题。
还值得注意的是，WP Staging会将暂存网站的文件存储在你的网站的子目录下。
例如，如果你的WordPress网站安装在public_html 目录下，暂存网站将在public_html/staging_site_name文件夹下。
Hostinger还提供一个暂存环境，你可以从hPanel访问。此功能适用于商业共享主机 和云主机用户。
一旦你满意的变化，并确保没有错误，粘贴暂存文件到实时网站数据库。
使用版本控制
版本控制可以让用户跟踪和撤销WordPress网站的变化，允许他们在出错的情况下恢复网站的先前版本。
这种预防方法对于那些在团队中工作的人来说是很好的，因为它也是一个很好的协作工具。它使合并修改和测试新的想法变得更加容易，而不影响网站的实时版本。
有多种WordPress版本控制的解决方案。其中一个是使用Git仓库，如 GitHub和 GitLab来存储和跟踪代码变化。
另一个选择是安装一个像WP Rollback这样的插件，让你把网站回滚到以前的任何工作状态。
总结
WordPress给它的用户提供了许多自定义选项和工具来修改网站的代码，包括主题代码编辑器。它提供了一种从仪表板访问主题源代码的简单方法，允许你调整它的网页设计和创建新的功能。
然而，我们建议只有在你有编码知识的情况下才使用主题编辑器，因为这些变化可以覆盖以前的调整，并有可能破坏你的网站。
因此，请确保实施某些预防措施，以避免不可逆转的问题。
- 创建备份文件
- 使用本地测试服务器或暂存环境
- 使用版本控制来恢复修改
或者，使用涉及较少风险的方法来编辑网站的主题，如安装一个插件，使用块状编辑器，或创建一个子主题。
