在 WordPress 站点编辑器中设置排版
Posted: Tue Jan 28, 2025 3:52 am
如果您知道如何使用块编辑器，则还可以使用站点编辑器。在 WordPress 中，转到外观>编辑器屏幕。这将显示站点编辑器主屏幕：
WordPress 网站编辑器主屏幕。左侧边栏显示设计选项，而主区域显示蓝色主题的主页，标题为“对创新和可持续发展的承诺”和现代建筑的图像。
站点编辑器主屏幕。
左侧导航中的“样式”屏幕为您提供了一些常规设计选项，包括排版更改：
显示各种主题样式预设的 WordPress 站点编辑器 GIF。主要内容区域显示“对创新和可持续发展的承诺”以及 Études 公司的描述。根据左侧边栏中的选择更改配色方案和版式，左侧边栏中显示样式选项和配色方案。
WordPress 站点编辑器中的不同预设样式选项。
对于大多数用例，对版式各个方面的单独调整将为您提供更大的价值。“样式”屏幕顶部有两个小图标，可打开更多选项：“样式书”和铅笔形状的“编辑样式”图标。
WordPress 网站编辑器的一部分，在左侧显示样式选项，在右侧显示网站预览。两个查看和编辑图标以红色突出显示。
站点编辑器中的样式编辑图标。
此外，您可以在元素级别和每个块设置版式选项。
字体库
编辑样式>版式屏幕显示字体库，尽管它在站点编辑器中没有明确显示该名称。这允许您以多种方式处理字体和字样：
您可以上传和管理自定义字体。
有一个选项可以直接在 WordPress 中使用 Google 字体。
使用 PHP创建字体集合。
要从站点编辑器侧栏的版式部分访问字体库，请单击管理字体图标：
站点编辑器中的版式设置面板显示字体选项，包括 Cardo、Jost、System Sans-serif 和 System Serif。管理字体按钮出现在右上角。该面板显示在包含拉丁文本的蓝色网站背景旁边，显示所应用的印刷样式。
WordPress 站点编辑器中的“管理源”图标。
在这里，“库”选项卡显示了主题当前注册的字体，并指示哪些字体 学生资料 处于活动状态：
WordPress 字体库界面显示已安装的字体和主题字体。 Merriweather Sans 显示为具有四种活动变体的已安装字体。主题字体包括 Cardo、Jost、System Sans-serif 和 System Serif，每种字体都有各自的活动变体。
WordPress 字体库界面。
如果单击其中任何一个，您可以打开或关闭单个字体：
字体库选择对话框显示 Cardo 字体系列的选项。该对话框显示三个变体：普通蓟、粗体蓟和普通斜体蓟，每个变体都有一个选中的复选框。在变体上方，有一条注释警告，过多的字体变体可能会减慢网站速度。
站点编辑器字体库中当前活动的字体。
在“上传”选项卡上，您可以使用拖放对话框安装您自己的 TTF、WOFF、WOFF2 和 OTF 格式的字体。
“安装字体”选项卡连接到 Google 字体，因此您可以在主题中利用该库。请注意，此方法从您的网站下载并提供字体，而不是从Google CDN：
WordPress 字体库显示安装 Google 字体的选项。搜索栏允许用户查找特定字体，列表显示多种字体选项，例如 Merienda、Merriweather 和 Metal Mania。分页控件在底部可见。
WordPress 网站编辑器中的 Google 字体库。
在这里，从完整列表中选择要安装的字体，然后单击“安装”按钮。出现成功通知后，这些字体将显示在“库”选项卡
WordPress 网站编辑器主屏幕。左侧边栏显示设计选项，而主区域显示蓝色主题的主页，标题为“对创新和可持续发展的承诺”和现代建筑的图像。
站点编辑器主屏幕。
左侧导航中的“样式”屏幕为您提供了一些常规设计选项，包括排版更改：
显示各种主题样式预设的 WordPress 站点编辑器 GIF。主要内容区域显示“对创新和可持续发展的承诺”以及 Études 公司的描述。根据左侧边栏中的选择更改配色方案和版式，左侧边栏中显示样式选项和配色方案。
WordPress 站点编辑器中的不同预设样式选项。
对于大多数用例，对版式各个方面的单独调整将为您提供更大的价值。“样式”屏幕顶部有两个小图标，可打开更多选项：“样式书”和铅笔形状的“编辑样式”图标。
WordPress 网站编辑器的一部分，在左侧显示样式选项，在右侧显示网站预览。两个查看和编辑图标以红色突出显示。
站点编辑器中的样式编辑图标。
此外，您可以在元素级别和每个块设置版式选项。
字体库
编辑样式>版式屏幕显示字体库，尽管它在站点编辑器中没有明确显示该名称。这允许您以多种方式处理字体和字样：
您可以上传和管理自定义字体。
有一个选项可以直接在 WordPress 中使用 Google 字体。
使用 PHP创建字体集合。
要从站点编辑器侧栏的版式部分访问字体库，请单击管理字体图标：
站点编辑器中的版式设置面板显示字体选项，包括 Cardo、Jost、System Sans-serif 和 System Serif。管理字体按钮出现在右上角。该面板显示在包含拉丁文本的蓝色网站背景旁边，显示所应用的印刷样式。
WordPress 站点编辑器中的“管理源”图标。
在这里，“库”选项卡显示了主题当前注册的字体，并指示哪些字体 学生资料 处于活动状态：
WordPress 字体库界面显示已安装的字体和主题字体。 Merriweather Sans 显示为具有四种活动变体的已安装字体。主题字体包括 Cardo、Jost、System Sans-serif 和 System Serif，每种字体都有各自的活动变体。
WordPress 字体库界面。
如果单击其中任何一个，您可以打开或关闭单个字体：
字体库选择对话框显示 Cardo 字体系列的选项。该对话框显示三个变体：普通蓟、粗体蓟和普通斜体蓟，每个变体都有一个选中的复选框。在变体上方，有一条注释警告，过多的字体变体可能会减慢网站速度。
站点编辑器字体库中当前活动的字体。
在“上传”选项卡上，您可以使用拖放对话框安装您自己的 TTF、WOFF、WOFF2 和 OTF 格式的字体。
“安装字体”选项卡连接到 Google 字体，因此您可以在主题中利用该库。请注意，此方法从您的网站下载并提供字体，而不是从Google CDN：
WordPress 字体库显示安装 Google 字体的选项。搜索栏允许用户查找特定字体，列表显示多种字体选项，例如 Merienda、Merriweather 和 Metal Mania。分页控件在底部可见。
WordPress 网站编辑器中的 Google 字体库。
在这里，从完整列表中选择要安装的字体，然后单击“安装”按钮。出现成功通知后，这些字体将显示在“库”选项卡