Introduction to Theme Builder

主题构建器简介

什么是 Theme Builder？

Theme Builder 是 Elementor Pro 提供的一个强大工具，允许您替换主题的默认模板，使用 Elementor 创建的自定义模板来控制网站的各个部分。您可以设计并应用以下模板：

• Header（页眉）
• Footer（页脚）
• Single Post（单篇文章）
• Archive（归档页面）
• Single Page（单独页面）
• Search Results（搜索结果）
• 404 Page（404 错误页面）

如何进入 Theme Builder

访问方法：

1. 在 WordPress 仪表盘，导航到 Templates（模板） > Theme Builder（主题构建器）。
2. 或者，在 Elementor 编辑器中，点击左上角的汉堡菜单（≡），选择 Theme Builder。

 

下面中文翻译教程来源elementor.com

简介

Elementor 主题生成器用于创建网站部分模板。 这些模板附加并覆盖当前 WordPress 主题的页面层次结构、布局设置和 CSS 样式。

在 Elementor 网站主题生成器的主界面，您可以从一个地方管理一切。 您可以查看网站的每个部分，并确保它拥有所需的所有页面模板。

您可能会问：如果我正在创建一个主题，我是否可以将该主题导出到一个压缩文件中，然后将其作为一个主题安装到另一个网站上？

答案是，不能直接导出，这与手工编写传统 WordPress 主题的方式相同。 不过，您可以使用导入/导出工具，迁移主题设置或完整内容。

什么是 Elementor 的主题生成器？

Footer, Global Pages and Posts, Global Archives and WooCommerce Products and Product Archives。

主题生成器 主题生成器 提供了网站元素的可视化概览，可帮助指导您完成需要创建的每个网站部分，从而创建一个完整的网站 主题生成器 ；

使用主题生成器，您可以添加新的网站部分（例如添加新的页眉）、编辑现有的网站部分或删除网站部分。 现有的网站部分包含一个可视化指示器，用于通知您是否对该网站部分应用了条件。 例如，”全局文章 “网站部分模板可能有一个条件，即只显示特定类别。 绿色指示符让你一眼就能看出该网站部件有条件。 灰色指示器则表明网站部分未设置条件。

如何访问主题生成器

访问主题生成器有几种方法。 请选择对您最方便的方式。

方法一： 从 WordPress 管理菜单进入 Elementor>主题生成器 。

方法二： 在任何页面或文章的 Elementor 编辑器屏幕中，单击 “设置 “选项卡左上角的  汉堡包菜单  小工具面板， 然后选择  主题生成器 。

方法三： 使用键盘快捷热键组合，从任何屏幕快速访问主题生成器 。 在 Mac 上，单击 CMD+SHIFT+E 立即跳转到 Theme Builder。 在 Windows 中，单击 CTRL+SHIFT+E 立即跳转到 主题生成器. ；

---

主题生成器主控制面板

对于免费用户，您可以查看 Elementor Pro 将提供哪些网站组件。

对于专业版用户，将显示您现有的网站部件（如果有的话）。 每个网站部分的缩略图都会自动生成。

注意： 分配给网站部分的任何特色图片都将用作网站部分的屏幕截图。 这样，您就可以使用自己选择的缩略图，而不是自动生成的缩略图。

如果尚未创建任何网站部件，则会显示所有可用网站部件的默认缩略图。

---

添加新网站部件

1. 要添加新的 网站部件，请单击仪表板右上角的 添加新的 链接，或将鼠标悬停在网站部件侧边栏标签上时显示的 PLUS 符号，或其缩略图上的 PLUS 符号。

---

或者，您也可以通过 导入模板来添加新的网站部件；

1. 单击主题生成器右上方的 导入图标   。
2. 拖放或选择包含要导入模板的 .JSON 或 .zip 文件。
3. 现在，模板将添加到网站部件仪表板。

重要提示：为了正确导入模板，必须启用未过滤上传。 要启用这些功能，请导航到 Elementor > Settings > Advanced（设置> 高级），然后切换选项启用未过滤的上传。

---

编辑现有网站部件的设计

1. 要编辑现有的 网站部件，请单击侧边栏中的 网站部件标签 。 这将打开网站部件的详细信息仪表板。
2. 单击要编辑的网站部分右上角的 编辑 链接。 这将打开该网站部分的 Elementor 编辑器。

---

编辑现有网站部件的条件

1. 单击要编辑的网站部分左下角的 编辑条件 链接。 这将直接打开该网站部分的 显示条件 编辑器。

注意： 点显示 网站部分 左上角的 点显示 表示哪些网站部分是 实时 （已 ；显示条件 分配给它），哪些只是 草稿 （没有 显示条件 分配给它）。 Gray Dot 表示 draft 网站部分。

注意：Instances Site Part 左下角的标签显示网站上使用此模板的具体实例；

---

导出网站部分

1. 单击要导出的网站部分右上方的 三个横点 ；
2. 选择 导出 打开保存对话框，将 .json 文件保存到计算机中。

---

删除网站部件

1. 单击要删除的网站部分右上方的 三个横点 ；
2. 选择 删除 ，这将打开一个 删除部分 确认对话框；
3. 如果您改变主意，决定不想删除网站部分，请单击 取消 ，或者单击 删除 确认您确实希望删除此网站部分。

---

重命名网站部件

1. 单击要重命名的网站部分右上方的 三个横点 ；
2. 选择 重命名 ，这将打开一个 重命名部分 对话框；
3. 输入新名称，然后单击 Change 完成重命名过程，如果您改变主意，决定不重命名此网站部分，则单击 Cancel 。

重要提示：Elementor 正在逐步从传统的 Ajax（使用 admin-ajax.php）模式向 WordPress REST API 系统转移，并在新的主题生成器中使用。 如果网站禁用了 WordPress REST API，那么新的主题生成器将无法运行，模板等内容也无法显示。 系统将显示 “错误：您不允许这样做 “的错误提示。

youtube教程