分类： 开始使用WordPress

介绍

在本课中，你将学习如何使用创建块主题插件来保存和导出设计变体。如果你想探索该插件提供的更高级选项，请查看创建块主题插件课程，该课程是中级主题开发者学习路径的一部分。以下是本课的学习目标。为什么需要导出你的主题自定义设置？如何创建你自己的自定义 WordPress 主题？使用创建块主题插件将修改后的主题作为 zip 文件安装，并在另一个网站上安装和使用该自定义主题。

创建块主题

一旦你在网站上安装并激活了一个主题，你可能想要进行一些更改，例如调整颜色和布局以匹配你的品牌或个人偏好。默认情况下，这些更改会作为数据库条目存储。它们不会集成到主题文件中。但是，如果你正在一个测试网站上工作，并希望将你创建的设计转移到另一个网站，你需要将其保存为主题的一部分。这就是创建块主题插件发挥作用的地方。它允许你将你的自定义设置转换为原始主题的永久变体，并将修改后的主题导出为 zip 文件，从而有效地创建你自己的自定义主题。然后，你可以在其他 WordPress 网站上使用它，而无需重新设计相同的元素。这种方法特别重要，因为它可以避免在更新主题时覆盖你的自定义设置。最后，它还可以作为你更新后设计的备份。让我们前往插件页面，搜索创建块主题插件。安装并激活该插件后，你可以转到外观并选择创建块主题。在这里，你会看到几个选项。你可以将当前主题导出为 zip 文件，创建一个新的空白主题，克隆当前主题，或创建一个子主题。

自定义设置

接下来，让我们讨论自定义你网站上的当前主题。你可以在不编写代码的情况下自定义主题的各个方面。这包括调整全局样式，如排版、颜色和间距，以及修改主题模板和模板部分，如页眉和页脚。你还可以创建自定义块样式、设计块模式，以及管理网站布局选项，包括网站宽度和对齐方式。对于这个示例，让我们进行一些自定义设置来实际看看效果。那么，让我们前往外观并打开站点编辑器。然后我们可以继续打开样式，前往颜色，因为我想为我的网站创建一个自定义颜色。然后我可以点击调色板，点击自定义旁边的加号，然后创建我的自定义颜色。完成后，我会给它起一个合适的名称，然后点击完成。现在，我可以返回元素，将我的文本和标题颜色更改为我的自定义颜色。接下来，我将打开我的样式手册，点击设计，然后更新我的按钮块。首先，我会更改背景颜色，然后将文本颜色更改为我的自定义颜色，向下滚动，添加一个像素的边框，并将边框颜色也更改为我的自定义颜色。然后我会继续点击保存。最后一个示例，我将自定义我的一个模板。在这种情况下，是 404 模板，当然，这是当找不到页面时显示的页面。我会添加一张手拿指南针的图片，表示一个人正在寻找方向。

将更改保存到主题文件

现在我们已经完成了自定义设置，我们可以点击小扳手或创建块主题扳手，然后选择将更改保存到主题，接着保存我们所做的所有更改。选择将更改保存到主题后，你会注意到一些变化。例如，我添加的自定义颜色现在列在主题下方，因为它已被添加到 theme.json 文件中。提醒一下，theme.json 是一个配置文件，用于定义 WordPress 主题的全局设置和样式。换句话说，我的更改现在已成为主题文件的一部分。让我们看另一个示例，看看 404 模板的主题文件是如何变化的。我们可以前往主题文件编辑器，点击模板，然后选择 404.html。在这里，我们会注意到我们添加的图片现在已成为主题文件的一部分。所以如前所述，创建块主题插件允许我们将自定义设置转换为原始主题的永久变体。

重命名主题并导出 zip 文件

下一步是重命名我们的主题，为此，我们将点击创建一个新的空白主题。然后，我们可以给它起一个合适的名称，在这个例子中，是海洋蓝，并添加主题描述和主题作者。我们现在可以继续自定义我们的主题，当我们准备好导出修改后的主题时，我们可以再次点击小扳手，然后选择导出 Zip。一旦 zip 文件下载到你的设备，你就可以将其导入到另一个在线或测试网站。例如，要将其导入到在线网站，我们可以点击外观，选择主题，点击添加新主题，然后在顶部选择上传主题。然后，我们可以从设备中选择 zip 文件。点击现在安装，然后激活。然后我们就可以开始使用我们的新主题了。

结论

祝你导出和使用创建块主题插件顺利。

介绍

在本课程中，你将了解字体库并学习如何充分利用它。学习目标是访问和使用字体库，并考虑字体系列搭配和易读性。WordPress 6.5 带来的一项出色新功能是能够访问和使用字体库。这个工具简化了你网站上的字体管理，允许你安装、使用和移除自定义字体。可以把它想象成字体的媒体库。就像你可以向媒体库添加和上传照片一样，现在你也可以对字体进行同样的操作。任何已安装的字体，无论是由你还是主题分发者安装的，都可以在编辑时选择。

字体库

要开始使用，请点击网站编辑器右上角的全局样式图标，选择排版，然后点击管理字体。在库下方，你将看到已安装的字体以及主题中定义的字体。如果你想从电脑上传许可的网络字体，请点击上传，然后选择文件。如果你无法安装字体，可能是由于托管服务提供商的限制。请联系你的主机商并请求启用字体安装，或者考虑切换到更灵活的托管方案。要从 Google Fonts 安装字体，请点击安装字体标签。首次操作时，你需要允许 WordPress 连接到 Google 服务器。你可以随时撤销访问权限。当你点击三个垂直点时，只需点击撤销对 Google Fonts 的访问权限即可。

本地托管

你安装的字体将从 Google 下载并存储在你的网站上。这意味着它是本地托管的。本地托管的字体能让你的网站更快，并保护访客的隐私。让我进一步解释一下。如果你的字体是本地托管的，网站访客无需连接到 Google 的服务器即可访问这些文件。因此，你可以最大限度地减少加载时间，并避免将用户数据发送给 Google。这确保了符合数据保护法规。如果你知道要使用的字体名称，可以直接搜索。在这个例子中，是 Merriweather。你还可以按类别筛选以显示特定的字体样式。当你选择一种字体时，你会注意到单个变体或多个变体。因此，字体库提供了对不同字重和样式的精细控制，鼓励你注意安装和启用了哪些字体变体。

搭配字体系列

接下来，我们来讨论搭配字体系列。字体系列是一组具有共同设计特征的相关字体。例如，像 Georgia Pro 或 Times New Roman 这样的衬线字体在字母末端有小的线条或装饰，赋予它们经典正式的外观。另一方面，像 Ariel 或 Helvetica 这样的无衬线字体缺少这些装饰，提供了干净、现代的美感。虽然使用多种字体来让你的设计脱颖而出可能很诱人，但混合太多字体会造成杂乱、不一致的外观，并减慢加载速度。最好坚持使用两种灵活、高质量的字体系列，以保持和谐、专业的设计并确保快速加载。常见的做法是使用一种字体用于标题，另一种用于正文，并对引用或标注等特殊元素应用不同的样式。这种方法能让你的设计保持连贯性。

字体搭配示例

让我们看一个例子。我决定使用一种衬线字体和一种无衬线字体，它们相互补充。对于标题，我选择了 Merriweather，正文则使用 Ubuntu Sans。Merriweather 以其经典而精致的风格吸引注意力，Ubuntu Sans 则使正文既醒目又易于阅读。将拉引文设置为浅色、斜体字重和样式，以独特的触感突出特殊文本，而无需加载第三种字体系列。这种搭配创造了一个统一而有效的设计，平衡了冲击力和可读性。最后，我们来谈谈易读性。你还需要确保选择的字体呈现的文本是清晰易读的。这种可读性的视觉方面意味着你网站上的文本内容清晰明了。字母要清晰且设计良好。字体大小要足够大，颜色与背景色要有足够的对比度。

结论

避免使用过于装饰性的字体，通常是手写体，这些字体可能难以阅读，无论是对你自己、视障人士，还是对母语不同的访客来说。总之，易于阅读的字体应该始终是你设计决策中的首要任务。

在本课中，我们将学习如何排查 WordPress 网站上的常见问题，并逐步指导您诊断和修复问题，确保网站平稳运行。我们将涵盖“白屏死机”等问题、多种故障排除方法、如何停用插件，以及如何使用健康检查和故障排除插件。

白屏死机及其他问题

白屏死机（WSOD）是 WordPress 中常见的问题，您的网站会显示空白白屏，导致无法访问。其他问题如严重错误消息也可能出现在网站上。这可能发生在前端、后端或两者同时出现。

最常见的原因包括：

• 内存限制耗尽
• PHP 错误
• 数据库问题
• 最后，插件或主题冲突或兼容性问题，这将是本课的重点。

插件和主题冲突可能源于多种问题，包括代码不兼容（插件或主题与当前 WordPress 版本冲突）、JavaScript 错误（中断页面加载）以及使用过时 WordPress 功能的已弃用函数。

故障排除步骤

有条理地处理问题

当问题出现时，保持冷静并系统地处理问题至关重要。以下是几种有助于解决冲突的故障排除方法。

创建网站备份

在对网站进行更改之前，请先进行完整备份。https://learn.wordpress.org/lesson-plan/backing-up-your-wordpress-site/
大多数托管提供商会备份整个服务器，包括您的网站。请联系您的主机商了解他们提供的备份服务。

您还可以通过使用 FTP 客户端将文件传输到计算机上的文件夹来创建网站备份。之后，您可以将它们压缩成 zip 文件以节省空间，从而更轻松地存储多个版本。

创建开发或暂存站点

WordPress 开发或暂存站点是您在线网站的克隆。这是安全进行网站管理的最佳实践。您可以在此安全地测试更新和插件，在受控环境中排查问题并进行更改，而不会影响在线网站的功能。这可以避免停机或错误，确保访客获得流畅的体验。

要创建一个，您可以：

• 使用暂存插件 https://wordpress.org/plugins/search/staging/
• 检查您的托管提供商是否提供轻松创建暂存站点的功能
• 或者通过将 WordPress 文件和数据库复制到本地站点（使用 Studio、DevKinsta 或 WordPress Playground）进行手动设置。

使用错误日志

使用错误日志来识别网站上的错误，您可以定位问题的根源，例如有问题的插件、主题或脚本。有几种启用错误日志记录的方法：

• 安装调试插件
  使用调试插件激活调试模式并显示错误日志，无需编辑任何文件。
• 如果您熟悉文件编辑，可以访问您的 wp-config.php 文件。wp-config.php 文件就像您网站的控制中心，包含重要设置，告诉 WordPress 如何连接数据库以及网站应如何运行。

要访问它：

1. 登录您的网站托管账户（cPanel 或其他托管仪表板）。
2. 进入托管控制面板后，打开文件管理器工具。
3. 在文件管理器中，转到 public_html 或 www，这是您 WordPress 仪表板的根目录。
4. 在根目录中，找到包含 WordPress 配置设置的 wp-config.php 文件。
5. 右键单击 wp-config.php 并选择编辑以进行更改。
6. 进入后，在 Codex 调试链接下方
   * @link https://codex.wordpress.org/Debugging_in_WordPress

 */
添加以下行以启用调试并将错误日志记录到 wp-content/debug.log 文件：

define( 'WP_DEBUG', true );

define( 'WP_DEBUG_DISPLAY', false );

define( 'WP_DEBUG_LOG', true );

7. 添加行后保存文件。
8. 访问您的网站以检查一切是否正常运行。
9. 问题解决后，通过将 WP_DEBUG 中添加的行从 true 改为 false 来禁用调试：

<code class="">define( 'WP_DEBUG', false );

检查主题问题

如果您的 WordPress 仪表板可访问，请将当前主题更改为默认的 WordPress 主题，如 Twenty Twenty-four。

如果您的 WordPress 仪表盘无法访问，可以通过 FTP https://developer.wordpress.org/advanced-administration/upgrade/ftp/ 或文件管理器重命名当前启用的主题文件夹，使其自动停用，这样您无需使用 WordPress 仪表盘即可切换主题。

访问 FTP 的步骤：

1. 从您的主机提供商处获取 FTP 凭据，例如用户名、密码和主机地址。
2. 下载 FTP 客户端，例如 FileZilla、Cyberduck 或 WinSCP。
3. 打开 FTP 客户端并输入 FTP 详细信息。
4. 点击“连接”以连接到服务器。
5. 在 FTP 客户端中，进入您的特定 WordPress 安装目录，例如 public_html。
6. 打开 wp-content 文件夹，然后打开“themes”文件夹以查看已安装的主题。

6.1 找到当前启用的主题文件夹，右键单击该文件夹并选择重命名选项（例如：在文件夹名称末尾添加 “-old”，如 active-theme-name-old）。

如果切换到其他主题能解决问题，您的仪表盘应该会重新变得可访问，这样您就可以根据需要激活另一个主题。您也可以重新激活之前的主题，看看错误是否再次出现。如果您希望继续使用导致问题的主题，请参考该主题的文档或通过其支持论坛寻求帮助。

检查插件问题

插件为您的 WordPress 网站添加功能，但有时也可能导致冲突或问题。自动回滚功能会在插件更新失败时恢复之前安装的版本，有助于维护网站稳定性并确保功能顺畅。然而，此功能仅在插件更新期间生效。如果已安装的插件在没有更新的情况下导致冲突或使网站崩溃，回滚功能将无法解决问题。

如果您的 WordPress 仪表盘可访问，停用插件的步骤：

• 前往“插件”>“已安装的插件”
• 在“插件”标签旁边，勾选复选框以选择所有插件
• 点击“批量操作”并选择“停用”，然后点击“应用”。

在“已安装的插件”部分，逐个重新激活插件，并在每次激活后检查您的网站。当启用某个特定插件时错误再次出现在页面上，请记下它。如果您不再需要该插件，可以将其删除。如果仍然需要，请查看插件文档页面或支持论坛寻求帮助。

如果您的 WordPress 仪表盘不可访问，停用插件的步骤：

• 通过 FTP https://developer.wordpress.org/advanced-administration/upgrade/ftp/filezilla/ 或文件管理器访问
• 找到 wp-content/plugins 文件夹
• 右键单击导致问题的插件文件夹，选择重命名选项。例如：在文件夹名称末尾添加 “-old”，如 plugin-name-old）。重命名后，该插件将自动停用。

如果导致问题的插件已被停用，仪表盘应该会重新变得可访问。从仪表盘的“插件”>“已安装的插件”中，您可以逐个重新激活插件，以确认启用的插件是否会导致错误再次出现。重新激活有问题的插件会使您失去对仪表盘的访问权限。如果发生这种情况，请通过 FTP 停用或删除该插件（如果您不再需要它），或联系其支持团队寻求帮助。

健康检查与故障排除插件

健康检查与故障排除插件 https://wordpress.org/plugins/health-check/ 是由 WordPress.org 社区创建的一个宝贵工具，用于诊断和修复常见问题。

该插件会执行一系列检查以发现常见问题，并提供如何解决已识别问题的信息。它还包含一个故障排除模式，可以在不影响访问者看到实时网站内容的情况下测试您的网站。

如何使用此插件：

1. 安装并激活插件：

• 前往“插件”>“安装插件”并搜索“Health Check and Troubleshooting”。
• 点击安装并激活插件。

2. 运行网站诊断：

• 导航到“工具”>“站点健康”。
• 查看结果并遵循建议。

3. 启用故障排除模式：

• 前往“故障排除”选项卡并启用“故障排除模式”。
• 这将停用所有插件，并仅为您的会话切换到默认主题。
• 逐个重新激活插件和主题，以找出问题的根源。在启用每个插件或主题时，刷新您查看网站的浏览器，看看哪个启用的插件或主题会在页面上显示错误。

结论

通过遵循这些故障排除步骤，您现在应该能够解决常见的 WordPress 问题，例如白屏死机、插件冲突和主题相关问题。请始终记住在修改网站前进行备份，并利用错误日志和健康检查插件等可用工具，快速识别并修复问题。

引言

在本课中，我们将探讨样式是如何生成的。如果你已经完成了中级WordPress用户学习路径中的自定义模块，你会记得WordPress通过站点编辑器提供了两种修改颜色、字体和布局的方式。一种是使用全局样式，另一种是使用样式手册，它能直观展示你正在修改的区块。但这些内置样式从何而来，又在哪里定义呢？

Theme.json

答案就在一个名为theme.json的文件中，这也是本课的重点。但首先，什么是theme.json？theme.json文件用于定义主题的全局和基于区块的样式。从颜色、排版到间距和尺寸，每个属性的每个视觉方面都在其中。这种方法通常被称为单一事实来源。在这种情况下，theme.json是负责指定和组织主题所有设计方面的主要文件，使得更新、修改和管理更加容易。那么，我们在哪里找到theme.json呢？在本章的第一课中，我们曾窥探过站点的主题文件。让我们回到那个页面，导航到工具，然后选择主题文件编辑器。你会看到一个警告信息，建议你不要直接编辑主题。这只是一次简短的介绍性访问，所以你可以安全地点击“我了解”按钮。在右侧边栏的主题文件下，点击主题样式和区块设置。如果你学习了上一课《WordPress模板的构建块》，你可能已经注意到theme.json主要包含JSON，这是一种通用的数据格式。JSON以键值对的形式表示数据。

示例

在这个示例中，我们有一个按钮区块。键是按钮区块的属性，例如背景颜色、文本颜色和边框圆角。值则是其样式和设置。让我们再看两个例子。在这个示例中，JSON定义了一个调色板。调色板数组或列表中的每个对象代表调色板中的一种颜色，具有以下属性：十六进制代码、颜色的人类可读名称以及颜色的别名或简短标识符。在最后一个布局示例中，我们会看到一个名为内容大小的键，其值为620像素。这意味着该主题的内容宽度设置为620像素。当你通过编辑器自定义样式时，例如在本例中我们将内容宽度改为650像素，WordPress会将这些更改生成为JSON，确保它们被渲染成CSS样式，从而在浏览器中正确显示。花点时间浏览一下Theme.json。向下滚动，搜索你在编辑器中熟悉的词汇，比如颜色、布局、按钮、边框等。注意，例如颜色在文件中出现了多次，而布局只指定了一次。所有这些属性都描述了主题的预定义样式，这些样式由创建主题的设计师和开发者决定。

Theme.json与编辑器

虽然你可以直接在theme.json中更改这些默认样式，但无论是对于用户还是扩展者来说，这都不是推荐的方法。通过编辑器自定义设计是一种更实用、更直观的方法。深入探讨JSON的具体细节超出了本课的范围。要继续你的网页制作之旅，请查看初学者WordPress开发者学习路径，特别是《WordPress主题开发入门》模块中的全局设置和样式课程。

结论

那么接下来呢？如果你已经在站点编辑器中对样式进行了更改，例如像本例中更改图像区块的圆角，或者为某个区块选择了不同的颜色，你不会在theme.json中找到这些更改。这是因为这些自定义内容存储在数据库中，而不是主题文件中。要了解数据库和主题文件之间的区别，以及如何更新主题的theme.json以包含你的修改，请查看模块《WordPress如何保存你的内容》以及课程《使用创建区块主题插件进行导出和主题变体》。