如何

目录

• 页面
  • 创建和编辑页面
    • 永久链接（URL）
    • 页面属性
    • 页眉选项
    • 页脚 CTA 选项
    • Yoast 搜索引擎优化
  • 页块
  • 可重复使用的页面块
  • 内容编辑器（所见即所得）
  • 内容样式
  • 表
• 自定义帖子类型
  • 产品
  • 博客文章（色彩科学要领）
  • 客户案例**
  • 培训班**
  • 活动**
  • 常见问题**
  • 新闻稿**
  • 团队简介**
  • 地点**
• 媒体库
• 菜单
  • 编辑菜单
  • 社交媒体菜单
  • 超级菜单**
  • 商业解决方案菜单与公司网站菜单**

页面

创建和编辑页面

要创建新页面，请转到：页面>添加新内容要编辑现有页面，请转到：页面>找到您要编辑的页面>编辑

• 在“添加标题”字段中输入标题。
  • 这将是您页面的 H1。
• 单击右上角的齿轮图标将打开文档设置。 从这里，您可以更新 URL 和页面属性。
• 永久链接 — 您可以在此处更新页面的 URL。 注意：保存草稿或发布页面后，将根据标题字段中输入的内容自动生成 URL。 如果您想更改或调整此 URL，可以在“永久链接”部分下进行。
• 页面属性 – 这是您可以分配父页面的地方。
  • 如果将页面分配给父页面，它将更改页面的 URL 结构。
  • 如果将“新页面”分配给“旧页面”，则其 URL 将更改为旧页面/新页面。
  • 您可以在外观中设置视觉导航中的页面顺序>菜单。 （以下方向）
• 页面标题选项 – 滚动到页面底部的“横幅”部分，您应该在其中看到以下字段的选项：
  • • H1覆盖（覆盖页面标题中设置的H1）
    • 介绍段落副本
    • 英雄形象
    • 号召性用语链接
• 页脚 CTA 选项 — 滚动到页面底部的“页面级 CTA”部分。
  • 在这里，您应该看到以下选项：
    • 显示全局 CTA（显示在选项下编辑的全局 CTA>全球 CTA )
    • 隐藏（对于根本不应该显示任何页脚 CTA 的页面）
    • 覆盖（这将允许您为该特定页面指定唯一的页脚 CTA）
• Yoast SEO — 滚动到页面底部的“Yoast SEO”部分。 在这里，您应该看到编辑 SEO 标题和元描述的选项。
  • 为页面添加特定的 SEO 标题和元描述。
  • 使用 Yoast 中的社交共享选项卡为 Facebook 和 Twitter 设置特定内容。
  • 您还可以隐藏站点地图和 Google 搜索中的页面：
    • 转到 Yoast 中的“高级设置”选项卡。
    • 选择设置 No (Index) 和 No (Follow) 将从站点地图和 Google 搜索中隐藏页面

页块

设置页面后，您可以开始使用页面块构建页面。

• 单击页面标题下方的黑色 + 图标。
• 在这里，您应该看到一些用于选择要添加到页面的页面块的选项。 您可以从这 6 个最近使用的页面块中进行选择，或者选择“浏览全部”以查看所有页面块选项。
• 添加所需的页面块样式。
• 每个页面块将根据其样式具有不同的选项。
• 在设置选项卡中：
  • 编辑该特定页面块的设置
  • 设置将根据您选择的页面块类型而有所不同。 通常，此处的设置将包括背景颜色、列选项和布局样式选项。
• 在内容选项卡中：
  • 相应地添加内容。
  • 与设置选项卡一样，内容选项卡的布局将根据您选择的页面块样式而有所不同。
• 您可以使用 ∧ 和 ∨ 图标更改页面块的顺序。

可重复使用的页面块

对于某些页面块，例如页脚 CTA，您可能希望创建一个可重用的块。 可重用块是一个单独的块，您可以将其添加到在所有实例中具有相同内容的多个页面。 如果您在一个位置更新可重复使用的块，它将在任何地方更新。

要创建可重用块：

• 前往：古腾块>可重复使用的块>添新
• 您将被带到一个古腾堡编辑器，您可以在其中添加和构建一个可重用的块，就像您添加任何其他块一样
• 一旦你按照你想要的方式布置了内容，给块起一个名字
• 发布区块

将可重用块添加到页面：

• 导航到您希望可重用块存在的页面
• 单击左上角的橙色 + 图标，就像您输入常规块一样
• 切换到“可重复使用”选项卡
• 选择要添加的块。
• 您会注意到可重复使用的块周围有一个亮黄色边框和一条警告消息。 这只是提醒您该块是可重复使用的块，并且可能存在于站点的其他地方。

内容编辑器（所见即所得）

在内容编辑器中输入内容：

• 您可以将内容直接输入所见即所得编辑器或从文字处理器复制/粘贴。
• 如果要复制和粘贴内容，请始终在粘贴后使用“清除格式”按钮。 您也可以“粘贴为纯文本”。
• 使用“特殊字符”按钮 (Ω) 替换粘贴内容中的任何特殊字符。 如果不是，则编码可能不同。

内容样式

有关您网站的所有可能的各种内容样式的更多信息，请访问您的内容样式页面。

• 标题样式
  • 不同的标题样式预加载在“段落”下拉菜单中并标记为（标题 1、标题 2 等）
  • 您永远不必选择 h1 作为页面名称或标题覆盖将自动为该页面创建 h1。
  • 突出显示文本，然后选择所需的标题样式。
• 格式样式
  • “格式”下拉菜单中预加载了不同的格式样式。
  • 通过突出显示文本并从下拉列表中选择“介绍文本”来添加介绍文本样式。
  • 通过突出显示链接文本并从下拉列表中选择“Button”或“Button Secondary”，将链接变成按钮。

表

整个站点的许多地方都使用了表格。 根据位置，您可以通过三个选项来创建表：

• 所见即所得的表
• TablePress 表
• 古腾堡表块表

注意：所有表格都应采用相同的样式。 您可以使用和用于实现比较图表的复选标记和 X 符号的简码。

WYSIWYG 表格是我们在产品详细信息页面上使用的表格。 这些可以在网站上的任何所见即所得中创建。此页面上的示例。

• 在 WYSIWYG 中，选择编辑器中的表格图标。
• 选择您想要的列数和行数。
• 在表格的每个字段/单元格中输入您的内容
• 相应地设置内容样式
• 为了在一行上获得红色背景，您需要将其指定为标题行。 要做到这一点：
  • 将光标放在标题行中的一个单元格中
  • 然后转到表>排>顶部 WYSIWYG 菜单中的表格行属性
  • 然后您应该看到一个将行类型分配为“标题”的选项
• 如果您需要分配不同的背景颜色（例如表格中的副标题为灰色背景）：
  • 突出显示要更新的行的单元格
  • 然后去表>排>表格行属性>先进的
  • 从颜色选择器工具更新背景颜色

TablePress 表

• TablePress 表格可以用来代替所见即所得的表格。 对于特别复杂的表，这将是一个很好的工具。
• 要创建新的 TablePress 表，请转到 TablePress>添加新表
• 像往常一样构建表格（这将继承网站的表格样式）
• 建立表格后，从顶部的“短代码”字段中获取短代码，并将其放入您希望表格所在的 WYSIWYG 中。

古腾堡表块表

• 古腾堡表是我们在产品比较页面上使用的，比如这个。 请注意，这些设置为块而不是所见即所得，因此它们不能在产品页面的选项卡部分中使用。 您可以在此页面上看到一个示例。
• 要将这些表格之一添加到页面，请单击左上角的橙色 + 图标以添加新块并选择“表格”块类型
• 选择列数和行数
• 这些表格的其他样式可以通过单击块控件中的三个点并转到“显示更多设置”来完成。 在这里，您可以分配表格样式并设置标题（红色）行。
• 对于比较块，您还可以在表格单元格中包含产品 ID 短代码，以提供有关产品的信息，包括图像、名称、请求信息和规格表。
  • 要查找产品的 ID，请导航到要链接到的产品的后端。
  • 然后在浏览器的 URL 中，您应该会看到 URL 的一部分显示“post=”，以下数字是该产品的 ID 号。

自定义帖子类型

产品

要创建新产品，请转到：产品>添加新产品 要编辑现有产品，请转到：产品>找到您要编辑的产品>编辑

• 创建和编辑产品
  • 在“添加标题”字段中输入帖子的标题。
  • 将所有内容输入内容编辑器 (WYSIWYG)。
  • Yoast SEO — 在“Yoast SEO”部分设置 SEO 标题和元描述。
  • 类别 — 在右侧边栏中为该产品分配类别。 （有关产品类别的更多信息，请参见下文）
    • 注意：将类别分配给产品也意味着该类别的“产品 CTA”将出现在产品页面上的英雄图像/图库下方。 例如，对于此产品，将其分配给 Benchtop 类别是加载“不知道从哪里开始？” 图片下方的部分。 有关如何在下面编辑产品类别的部分中编辑该内容的更多信息。
  • 将出现在英雄和所有资源提要块中的特色图像设置为该产品的缩略图。
  • 保存并更新产品。
  • 设置基本产品信息后，滚动到底部的“产品页面附加内容”部分。 在这里，您应该看到三个选项卡：
    • 内容选项卡– 在此选项卡中，您将找到编辑以下字段的选项
      • 规格表
      • 简短摘录
      • 热门内容
      • 主要内容（正文）
    • 图像轮播选项卡– 在此选项卡中，您将在英雄区域中找到用于编辑和添加到图像轮播 + 标题的选项。 请注意，轮播中的第一张图片将始终是您在边栏中设置的特色图片。 您无需在轮播字段中输入特色图片。
    • 选项卡选项卡– 在此选项卡中，您将找到编辑以下字段的选项
      • “添加选项卡”为产品添加附加选项卡
      • 标签标签
      • 选项卡内容（此所见即所得是为产品构建大多数表格的地方）
• 异地链接产品
  • 有些产品将在场外运行，因此需要设置外部链接而不是登录页面。
  • 为此，请照常设置产品，包括名称、特色图片和摘录。
  • 然后在右侧边栏中，您应该会看到一个显示“页面链接到”的部分。 在此部分中，选择“自定义 URL”选项以使产品指向另一个链接而不是详细信息页面。
• 创建和编辑产品类别
  • 要创建新的产品类别，请转到：产品>产品类别。要编辑现有产品，请转到：产品>产品类别>找到您要修改的类别>编辑。
  • 设置类别的名称和 slug
  • 要编辑显示在产品详细信息页面上的产品“产品 CTA”，您将转到该特定产品类别并编辑后端“产品 CTA”字段中的文本。

博客文章（色彩科学要领）

要创建新帖子，请转到：帖子>添加新内容要编辑现有帖子，请转到：帖子>找到您要编辑的帖子>编辑

• 创建和编辑博客文章
  • 在“添加标题”字段中输入帖子的标题。
  • 将所有内容输入内容编辑器 (WYSIWYG)。
  • Yoast SEO — 在“Yoast SEO”部分设置 SEO 标题和元描述。
  • 类别和标签 — 根据需要在右侧边栏中添加类别和标签。
    • 有关创建和编辑博客类别和标签的说明，请参见下文。
  • 将显示在所有资源帖子页面上的特色图片设置为该帖子项目的缩略图。
  • 保存并更新帖子。
• 博客类别 要创建和/或编辑博客类别，请访问：帖子>类别。
  • 如果您尝试编辑已经存在的类别，您也可以在同一位置执行此操作。
  • 根据需要编辑/添加类别。 要使某个类别出现在博客登录页面上，您必须首先将该类别应用于已发布的博客文章。
• 博客标签 要创建和/或编辑博客标签，请访问：帖子>标签。
  • 如果您尝试编辑已经存在的标签，您也可以在同一位置执行此操作。
  • 根据需要编辑/添加标签。

客户故事

培训班

活动

常见问题

新闻稿

团队简介

地点

媒体库

注意：在添加到媒体库之前，应裁剪和压缩图像。 建议图像不超过 250kb（尽管有时这是不可避免的）。 您需要在压缩之前将图像裁剪为适当的尺寸。 这个网站tinypng.com可以帮助压缩大小图像的文件大小。 要查看媒体库，请访问：媒体>图书馆

• 要添加新图像和文件，请单击页面顶部的“添加新”按钮。 然后单击“选择文件”或简单地将文件拖放到窗口中。
• 您可以将文件直接添加到特定文件夹或稍后将它们拖放到正确的文件夹中。
• 您可以单击任何媒体项目来编辑以下字段：
  • 替代文本
  • 标题
  • 标题
  • 描述
  • 文件网址
• 如果您正在编辑 PDF，“文件 URL”字段是您将用于直接链接到 PDF 的链接。

注意：媒体库可以按类型或日期过滤，并可按标题搜索。

形式

要创建和编辑表单，请访问： Ninja Forms>仪表板

• 在这里，您应该会看到您网站上的所有表单。
• 单击表单旁边的齿轮图标以编辑、复制、预览和删除您的表单。 您还可以在此位置查看提交的内容。
• 单击“添加新”或编辑现有表单。
• 转到“表单域”
  • 使用右下角的蓝色 + 图标添加所需的表单字段。
  • 一旦添加了所需的表单字段。 点击“发布”。 注意：即使表单已经发布，此按钮也会始终显示“发布”。
• 转到“电子邮件和操作”选项卡
  • 编辑每个表单的重定向、电子邮件管理员和电子邮件用户设置
    • Redirect – 重定向到感谢页面
    • 电子邮件管理员——您可以自定义每次提交进入收件箱的方式：从姓名、地址到电子邮件（非常重要）、主题和字段。
  • html 窗口下方的高级设置允许添加其他电子邮件参数。 如果需要将自动回复电子邮件、抄送或其他电子邮件地址添加到表单中。 可以在这里完成而不是创建新的电子邮件地址。
  • 表格完成后，复制短代码并粘贴到内容编辑器中。

菜单

要编辑菜单，请转到外观>菜单 注意：页脚中的社交媒体菜单位于不同的位置。 见下文。

编辑菜单

• 转到“选择要编辑的菜单：”下拉菜单，然后选择要编辑的菜单。
• 使用菜单来组织您希望各种菜单的显示方式。
• 添加菜单项 —
  • 从左侧的“添加菜单项”选择区域中找到要添加到菜单的页面（或其他类型的菜单项）。
  • 选择“添加到菜单”，页面将出现在该菜单的底部。
  • 将您添加的页面拖放到菜单中您希望它出现的位置。
  • 要将某项设置为子菜单项，请拖动页面使其缩进显示在主页面下方。
  • 单击菜单项右侧的箭头以获取更多选项。 在此区域中，您可以编辑以下项目：
    • 导航标签（出现在菜单本身的文本）
    • 标题属性
    • 用于在新选项卡中打开链接的复选框
    • （可选）CSS 类
• 一旦你得到了。 按照您想要的方式菜单，单击左上角的“保存菜单”按钮。

社交媒体菜单

要编辑社交媒体菜单，请访问：选项>页脚>社交媒体

• 在按应用程序分类的相应字段中输入链接。
• 更新页面以保存更改。

超级菜单