站点编辑器操作介绍

站点编辑器允许您使用块设计整个网站,包括页眉、页脚和它们之间的所有内容。它使您可以更好地控制网站的外观。 

如何访问站点编辑器

登录网站后台后,转到外观 > 编辑以打开站点编辑器。

外观菜单

站点编辑器工作区

站点编辑器顶部工具栏
  1. 网站图标:返回后台或切换到编辑模板或模板组件 。如果您选择返回后台,它会提示您保存更改或离开编辑器而不保存更改。
  1. +按钮:将样板、块、可重用块(如果网站有可重用块)或媒体添加到编辑器。
点击+按钮后左边栏出现的样板/区块
  1. 工具:在编辑块和选择块之间切换。选择选择工具(或按键盘上的Escape键)选择单个块。选择块后,按键盘上的Enter键返回编辑。
点击工具按钮后出现的选项
  1. 撤消: 撤消最近执行的操作。
  2. 重做: 重做您使用撤消按钮撤消的操作。
  3. 列表视图:查看页面上所有块的列表,并在页面上的块之间轻松导航。这对于查看页面的结构以及编辑、移动和删除块很有用。
  4. 模板:您正在编辑的模板的名称。
    • 单击模板名称旁边的向下箭头以打开下拉菜单。
    • 您可以单击浏览所有模板以查看您网站的所有模板。
    • 您可以单击清除自定义将模板恢复到默认状态(您将丢失对该模板所做的所有更改)。
  1. 查看:您可以在新选项卡中查看网站主页,并查看应用更改后您的网站的外观。您还可以在台式机、平板电脑或移动设备视图中查看网站。
点击查看按钮后出现的菜单
  1. 保存:保存您在编辑器中所做的更改。
    • 单击 保存按钮时,您将获得已进行更改的所有模板和模板组件的列表。
    • 您可以选择保存全部或部分。
    • 请注意,某些更改(例如对页眉和页脚模板的更改)将应用于您网站上使用这些模板的所有页面,而不仅仅是您正在处理的页面。
  1. 设置:显示或隐藏模板和块设置侧边栏菜单。
  1. 样式:浏览适用于您的主题的样式变体,为整个网站设置排版、调色板和布局,或为整个网站自定义特定块的外观。
  2. 更多选项 单击三个垂直点图标以打开其他设置和工具。
点击更多选项按钮后出现的菜单

顶部工具栏 – 在编辑器中显示或隐藏顶部工具栏。当您启用此选项时,块工具栏将固定到 编辑器的顶部(位于顶部工具栏的正下方),而不是直接出现在块上方。

聚光灯模式:除了你正在处理的那个之外,所有的块都是灰色的,这样你就可以一次专注于一个块。

编辑器:默认情况下,您将在站点编辑器中。切换到代码编辑器以在 HTML 代码编辑器中查看整个页面。

插件:在这里,您可以在站点编辑器边栏中的设置样式之间切换。

如何使用站点编辑器

编辑网站的样式

您可以使用编辑器自定义整个网站和块的样式。无论您正在编辑什么模板或模板部件,样式设置都可用。

  • 转到外观>编辑器
  • 单击块设置侧栏旁边的样式图标。
点击样式图标后出现的菜单

样式部分,您可以浏览可用于您的主题的样式变体、更改调色板和排版以及整个网站的布局,还可以更改同样适用于整个网站的块的外观。

要重置您所做的更改,请单击右上角的三点菜单图标,然后选择重置为默认值。

设计网站的布局

您可以使用编辑器使用块构建整个网站的结构和布局。例如:页眉、页脚等区域,以及网站文章和页面的结构外观。

站点编辑器中所有可用的块都可以在编辑器中使用。一组称为主题的块是专门为站点编辑器构建的。

示例:查询循环块允许您自定义文章的布局的外观,导航块允许您自定义网站的导航菜单,网站标题块有助于自定义网站标题等等。

浏览模板和模板组件

在站点编辑器中,您可以轻松浏览网站可用的模板和模板组件。

  • 转到外观>编辑器以打开站点编辑器。这将带您进入一个视图,您可以在其中选择浏览模板或模板部件。
  • 单击模板以预览可用于您网站的模板列表。
  • 单击模板部件以预览模板部件列表。

管理网站模板

系统使用模板为您网站上的特定页面类型创建布局和结构。站点编辑器显示您可以添加到网站的模板选项,并允许您使用模板编辑器创建自定义模板。

外观 > 编辑中,您将看到一个视图,其中包含一个带有模板和模板部件列表的侧边栏。您可以从该列表中选择您喜欢的任何模板,或单击“管理所有模板”以在不同的视图中查看它们,您可以在其中重置自定义设置,以及重命名或删除自定义模板。

如果您正在编辑模板并想返回到更大的视图,请单击 左上角的网站图标以打开站点编辑器左侧导航。这将打开您正在编辑的最新模板,您可以使用 图标返回以查看其余模板。如果返回到模板列表,您可以从那里预览所有模板或单击管理所有模板以查看可用模板列表。此列表中包括那些与您的网站相关的所有模板。

管理网站模板组件

模板组件是一个块,用于管理网站的重复全局区域,例如页眉、页脚、侧边栏等。它们主要用于定义网站结构并且可以重复使用。您还可以创建可通过模板重复使用的自定义模板部件。

外观 > 编辑中,单击模板组件选项以查看为您的主题创建的模板部件列表。

模板组件示意图

如何返回管理后台

要返回管理后台,请单击 左上角的网站图标以打开站点编辑器左侧导航。选择 将您带回到您的管理后台。系统将提示您在离开前保存在站点编辑器中所做的更改。

站点编辑器的辅助工具

以下工具在使用站点编辑器时很有用。

列表显示

列表视图可帮助您浏览复杂的块布局和嵌套块结构。您可以准确选择所需的块,并快速了解您正在处理的页面上的块布局。您可以轻松地选择多个块并对其进行编辑、移动或分组。

复制和粘贴样式

系统允许您复制和粘贴块样式,从而可以轻松地重用您创建的设计。您可以从任何块的下拉菜单中找到它,它用于在相同类型的块之间复制和粘贴。

全局应用样式更改

如果您在创建设计或自定义单个块时更喜欢使用更高级的选项,您可以对单个块进行更改并将其应用于同一类型的所有块。例如,您可以使用块设置的高级部分下的新选项将单个块的单一设计应用于网站中的所有块。

调整站点编辑器的预览大小

当您在站点编辑器中时,您可能想要更改您正在查看的模板或模板部分的预览。您可以通过选择深灰色侧边栏的手柄并将其移动到您喜欢的位置来完成此操作。