Editor Interface

编辑器界面

Elementor 是一个所见即所得的页面构建器，其编辑器界面直观且功能强大。熟悉编辑器界面有助于您更高效地创建和编辑网页。

Panel（控制面板）

位置：编辑器左侧。

功能：

1. Elements（元素）：包含所有可用的 Widgets（小工具），分为 Basic、General、Pro 等类别。您可以将它们拖放到页面中。
2. Global Settings（全局设置）：
   • Global Colors（全局颜色）：设置网站的主色调，确保色彩一致性。
   • Global Fonts（全局字体）：定义网站的默认字体样式。
3. Page Settings（页面设置）：
   • 页面属性：修改页面标题、状态、特色图片等。
   • 样式设置：设置页面的背景、边框等全局样式。
   • Advanced（高级）选项：添加自定义 CSS、调整响应式布局等。

使用方法：

• 拖放元素：选择一个 Widget（小工具），拖动到 Canvas（画布）中的指定位置。
• 搜索元素：使用搜索栏快速找到所需的 Widget。
• Navigator（导航器）：使用 Navigator 来查看和管理页面结构。
• History（历史记录）：查看或撤销更改。

Canvas（画布）

位置：编辑器右侧。

功能：

• 实时预览：所有更改都会立即在 Canvas 上显示，所见即所得。
• 添加 Section（部分）：点击“Add New Section”按钮，开始构建页面布局。
• 编辑元素：点击任何元素即可编辑其内容和样式。

使用方法：

• 调整布局：拖动 Column（列）和 Section（部分）的边缘，调整其宽度和高度。
• 多设备预览：使用底部的设备图标，切换查看 Desktop（桌面）、Tablet（平板）和 Mobile（移动端）的页面效果。

右键菜单选项

在 Canvas 中，右键点击元素，可以访问快捷菜单，提高编辑效率。

常用选项：

• Edit（编辑）：快速进入元素的编辑模式。
• Duplicate（复制）：复制选定的元素或样式。
• Copy（复制）和 Paste（粘贴）：在指定位置复制和粘贴元素或样式。
• Save as Template（保存为模板）：将元素或部分保存，供以后重复使用。
• Delete（删除）：移除不需要的元素。

使用技巧：

• Copy Style（复制样式）：右键选择“Copy Style”，然后在另一个元素上右键选择“Paste Style”。
• Global Widget（全局小工具）：将常用的 Widget 保存为 Global Widget，便于在不同页面中统一更新。