使用指南/编辑您的网站/编辑器/使用样式手册设计您的站点

使用样式手册设计您的站点

在本指南中,您将了解到如何使用样式手册预览样式更改对任意区块显示效果的影响,而无需将这些区块插入站点。

采用我们 WordPress.com 高级版、商务版和电商版套餐以及旧版专业版套餐的站点可使用此功能。对于使用免费套餐和个人版套餐的站点,请升级您的套餐以使用此功能。

视频概览

访问样式手册

在您保存对站点样式所做的任何更改后,样式手册会显示所有可用区块的外观示例。

  1. 访问您站点的仪表盘
  2. 导航至“外观 → 编辑器”。
  3. 选择左侧菜单中的“样式”。
  4. 点击“样式”文本右侧的眼睛图标。(您可以再次点击图标返回编辑器。)
箭头指向“样式手册”图标。

在编辑器中预览样式

您也可以在编辑任何页面模板模板部分时打开样式手册。以下是上述视频概览中使用的步骤。请按照以下步骤操作:

  1. 访问您站点的仪表盘
  2. 导航至“外观 → 编辑器”。
  3. 编辑页面、模板或模板部分。
  4. 点击编辑器顶部工具栏中的“样式”图标(一个黑白各半的圆圈)。
  5. 点击“样式手册”图标(图标看起来像一只眼睛),打开样式手册。(您可以再次点击图标返回编辑器。)

使用样式手册

打开样式手册后,您可以预览和更改配色方案和排版,并通过示例了解各项更改对特定文本、区块、媒体等内容的影响。

箭头从样式手册图标指向屏幕右侧的样式预览。

您可以在“样式”面板右侧预览您站点上不同类型元素(颜色排版、按钮、图片等)的显示效果。要编辑特定元素的样式,请执行以下步骤:

  1. 点击屏幕右侧预览界面中的某个元素(颜色、排版等)。
  2. 在左侧的“样式”面板下编辑元素的样式。
  3. 点击元素名称旁边的返回箭头,返回至完整的元素列表,然后选择要设置样式的其他元素。
元素名称左侧的“返回”箭头,用于返回到可编辑元素的完整列表。
  1. 完成后,点击“设计”面板底部的“查看更改…”按钮,查看并保存您的更改。
站点编辑器中的“查看更改...”按钮。

要在不保存更改的情况下退出,请点击“设计”面板左上角的图标,然后选择“放弃更改并退出”选项。

Copied to clipboard!