使用指南/编辑您的网站/编辑器/预览您的内容

预览您的内容

WordPress 编辑器中编辑内容时,您可以使用预览选项查看内容在您站点主题中的显示效果。本指南将向您展示如何预览页面和文章,以检查您所做的更改在网站上的显示效果。

预览页面或文章

您站点的页面和文章内容通过 WordPress 编辑器添加和编辑,但这些内容在站点上的显示方式由站点的主题控制。预览页面或文章,查看您的站点在应用主题的所有格式元素后如何呈现内容。

您可以按照以下步骤在编辑器中预览页面或文章:

  1. 访问您站点的仪表盘。
  2. 点击“页面”或“文章”。
  3. 点击您要预览的页面或文章的标题,在编辑器中将其打开。
  4. 点击屏幕顶部“发布”按钮(如果页面/文章已发布,则显示为“保存”按钮)旁边的“视图”图标(看起来像一台打开的笔记本电脑)。
  5. 选择“在新选项卡中预览”。
An arrow from the "View" icon to the "Preview in new tab" menu item.
在新选项卡中预览

页面或文章的预览将在新的浏览器选项卡中打开,显示内容在您站点上的呈现效果。如果您在预览后在编辑器中进行了任何更改,则需要点击“保存草稿”(适用于草稿文章)或“保存”(适用于已发布的文章),然后刷新浏览器中的预览选项卡,以查看应用到页面或文章预览的更改。

更改编辑器视图格式

您还可以使用“视图”菜单,按照以下步骤更改 WordPress 编辑器用于显示内容的格式:

  1. 访问您站点的仪表盘。
  2. 点击“页面”或“文章”。
  3. 点击您要预览的页面或文章的标题,在编辑器中将其打开。
  4. 点击屏幕顶部“发布”按钮旁边的“视图”图标(一台打开的笔记本电脑的轮廓)。
  5. 在“视图”菜单中选择“台式电脑”、“平板电脑”或“移动设备”选项。

在模板中查看内容

您可以启用或禁用在编辑页面或文章时显示模板的选项。显示模板是查看内容与站点设计适配度的绝佳方式。或者,您也可以关闭模板预览,在无干扰的情况下进行编辑。

要启用或禁用模板预览,请按照以下步骤操作:

  1. 访问您站点的仪表盘。
  2. 点击“页面”或“文章”。
  3. 点击您要预览的页面或文章的标题,在编辑器中将其打开。
  4. 点击屏幕顶部“发布”按钮(如果页面/文章已发布,则显示为“保存”按钮)旁边的“视图”图标(看起来像一台打开的笔记本电脑)。
  5. 选择“显示模板”

如果您在“显示模板”旁边看到复选标记,则表示模板预览已开启。如果“显示模板”旁边没有复选标记,则表示模板预览已关闭,您看到的仅为页面或文章的纯内容。

An arrow pointing from the "View" icon to the "Show template" menu item.
显示模板

如果您直接编辑模板,则不会看到“显示模板”选项。例如,在许多主题中,主页本身就是一个模板

视频教程

下面的视频演示了如何在 WordPress 编辑器中预览页面模板。选择“显示模板”选项后,编辑器中将显示页眉和页脚,展示整个页面在站点上的显示效果。

点击播放后,可使用右下角的控制按钮调整视频播放速度
Copied to clipboard!