使用指南/编辑您的网站/编辑器/使用站点编辑器

使用站点编辑器

借助 WordPress 站点编辑器,您可以对整个站点进行可视化编辑——包括页眉、页脚和模板——无需编写任何代码。本指南将为您介绍站点编辑器内置的核心工具。

如果您刚接触区块主题,可以先了解主题、模板和页面之间的关系。

视频教程

本视频将介绍如何使用站点编辑器定制您的主页。

来自 课程:在 WordPress.com 上创建您的网站
此视频为英文内容。
YouTube 提供自动翻译功能,帮助您以母语观看:

开启自动翻译字幕的方法:

  1. 播放视频。
  2. 点击视频右下角的 ⚙️ 设置 图标。
  3. 选择 字幕/CC。
  4. 选择 自动翻译。
  5. 从列表中选择您的首选语言。

使用自动配音(实验功能)的方法:

  1. 点击 ⚙️ 设置 图标。
  2. 选择 音轨。
  3. 选择您想收听的语言:

ℹ️ 翻译和配音由 Google 自动生成,可能不够准确,且自动配音功能仍在测试中,暂未向所有语言开放。

进入站点编辑器

站点编辑器用于修改网站的设计,包括模板、导航菜单和页面。

要进入站点编辑器,请按以下步骤操作:

  1. 从您的站点仪表盘开始。
  2. 将鼠标悬停在左侧的外观上,或直接点击它。
  3. 点击编辑器。
站点仪表盘中打开的"外观"菜单,箭头指向"编辑器"子菜单。

如果在外观下方没有看到编辑器,说明您的主题不支持站点编辑器。建议切换到区块主题以使用站点编辑器。

进入站点编辑器后,您会在左侧看到设计面板,其中包含以下选项:

右侧会显示您网站主页的预览。点击预览区域的任意位置即可关闭左侧边栏,并在编辑器中打开主页进行编辑。

站点编辑器首次打开时的界面,左侧显示"设计"菜单,右侧显示站点首页的预览。

使用站点编辑器

点击站点编辑器右侧的预览,即可在编辑工具中打开您的主页。编辑特定页面、模板或样板时,您会看到相同的编辑工具。

顶部菜单

站点编辑器顶部有多个选项,下面从左到右依次说明:

顶部菜单。
  1. 打开导航:点击一次站点图标(如果尚未设置,则显示默认的 W 标志),即可返回上一节介绍的左侧边栏选项。再次点击可返回您的站点仪表盘。
  2. 区块插入器:点击此处可添加新区块。
  3. 撤销:撤销最近一次操作。
  4. 重做:恢复您通过“撤销”按钮撤销的操作。
  5. 列表视图:查看页面上所有区块的列表。列表视图有助于了解页面结构,以及编辑、移动和删除区块。
  6. 命令中心:此处显示您正在编辑的模板名称。点击可搜索站点中的模板。
  7. 查看:切换视口以在桌面端、平板端或移动端预览内容。点击“查看站点”可查看更改后的效果。
  8. 帮助中心:搜索我们的实用指南,或在符合条件的套餐下联系支持。
  9. 样式:定制颜色、字体等。了解更多关于样式的信息。
  10. 设置:显示或隐藏右侧的设置边栏。
  11. 保存:保存您的更改。了解更多关于保存的信息。
  12. 更多选项:打开其他设置和工具。

样式

在站点编辑器中使用样式,可以选择配色方案、字体、布局等影响整个站点外观的设计元素。了解如何使用样式。

顶部工具栏中高亮显示的黑白样式图标。

设置边栏(右侧)

设置边栏包含您正在编辑的模板的相关信息,以及用于定制模板中特定区块的选项。

设置边栏位于编辑器的右侧。

如果右侧没有显示边栏,请点击右上角的设置图标来打开设置面板。该图标看起来像一个带有两列不等宽分栏的方块:

An arrow pointing to the "Settings" icon in the top right of the WordPress Editor.

顶部会显示您正在编辑的模板名称。点击模板名称右侧的省略号(三个点),可以将模板重置为主题的默认状态,撤销您所做的所有定制。

如果该模板存在以前的版本,您会在模板描述下方看到一个修订版本 链接。通过它可以恢复您定制过的模板的历史版本。了解更多关于模板修订版本的信息。

在内容部分,您会看到模板组件(通常是页眉和页脚),点击即可更新这些全站通用的元素。

点击顶部的区块选项卡,可以查看当前选中区块的设置。

站点编辑器中的设置边栏。

保存更改

在站点编辑器中点击保存按钮后,会弹出一个额外界面,显示将要保存的更改内容。

默认情况下,每项更改旁边的复选框都是选中状态。您可以取消勾选某项更改,选择不保存它。

当您保存对模板、模板组件或导航菜单的更改时,这些更改将应用到站点中使用该模板或菜单的所有位置。

保存更改提示,旁边带有复选框,用于选择要保存的更改。

使用 WordPress 智能体编辑您的站点

The WordPress Agent four-pointed star icon.

本部分适用于通过 AI 建站工具创建的站点,或已启用 WordPress 智能体的站点。点击屏幕顶部管理栏中的 AI 图标(四角星形)即可打开 WordPress 智能体。

WordPress 智能体可以在站点编辑的各个阶段为您提供帮助,比如选择配色方案、规划导航和模板等。以下是一些示例提示词,您可以直接复制使用:

  • “为一个现代风格的美食与食谱博客推荐一套配色方案和字体搭配。”
  • “一个包含博客和联系页面的自由职业者作品集站点,导航结构应该怎么设计?”
  • “什么样的页眉和页脚布局适合极简风格的小型企业站点?”
  • “我希望主页给人温馨又专业的感觉——您推荐什么样的布局?”

更多指南

以下是更多实用资源和教程,帮助您进一步了解站点编辑:

编辑器入门

以下指南介绍了区块编辑的基础知识。您在站点中添加的每一项内容都包含在一个区块中。通过这些指南,您可以熟练掌握区块的编辑、添加、移动和删除操作。

WordPress 编辑器

WordPress 编辑器使用区块系统在您的网站上创建页面和文章。本指南说明了如何使用区块创…

使用区块添加内容

区块是 WordPress 编辑器中的一个独立内容单元。本指南将教您如何向站点添加区块。&l…

移除区块

本指南将向您介绍如何从页面中移除区块。

在编辑器中设计您的站点

在站点编辑器中,您可以设计站点的模板,包括页眉、页脚和内容区。以下指南将为您介绍在站点编辑器中进行站点设计的基本概念。

编辑页眉

本指南将向您展示如何自定义网站的页眉,即通常显示站点名称、徽标和菜单的位置。

使用站点编辑器添加边栏

许多网站(尤其是博客)都有一个用来显示额外信息(比如图片、“关于我”文本、指向其他文章…

编辑页脚

本指南将向您展示如何编辑您网站上的页脚。

Copied to clipboard!