目录:

Elementor 编辑器的基本操作

分享本文:

Share Buttons
文章目录

Elementor 是功能最完整的页面编辑器,深入学习需要投入大量时间和精力,复杂操作通常由建站服务商负责,外贸企业/个人经过轻度学习,也可以做一些简单修改。

就像 Photoshop 功能很强大,全部精通需要专业美工或设计师,但是普通人轻度学习后,也可以完成修改文字、裁剪图片等简单任务。

入口

登录 WordPress 后台,访问要编辑的页面,在顶部工具栏点击【使用 Elementor 编辑】即可编辑当前页面。

没有该选项的页面,编辑器并非 Elementor,可以先点击【编辑页面】,然后点击【用 Elementor 编辑】。

如果想编辑页面中的模板或弹窗,光标悬浮在【使用 Elementor 编辑】上,从下拉列表中选择要编辑的内容。

Elementor 编辑器的基本操作

Elementor 编辑面板

顶部工具栏,中间正文画布,左侧设置面板、右侧树状结构图。

日常操作:先在正文画布选中要编辑的元素,然后在左侧面板修改内容、样式、高级设置。

遇到层叠元素,难以在正文画布选中目标时,可通过右侧树状结构图选取元素,两者都支持拖拽移动。

Elementor 编辑器的基本操作

顶部工具栏

  1. 左侧图标控制左侧设置面板。
  2. 中间可以切换页面和模板、切换各设备显示效果(电脑、平板、手机)。
  3. 右侧依次为:新手操作指引、Elementor 更新、搜索、当前页面树状结构图、预览、发布按钮和发布选项。
Elementor 编辑器的基本操作

Elementor 品牌图标

点击可快速切换到站点设置、主题生成器、用户首选项、键盘快捷键,也可以跳转到 Elementor 帮助中心与账户登录页面(站外)或回到 WordPress 后台面板。

加号图标 – 添加元素

为当前页面添加元素,分三个标签:小部件、组件、全局元素。

免费版只能用小部件中的基础元素,升级 Elementor Pro 后,可使用三个标签下的所有元素。

页面图标 – 页面设置

设置当前页面的标题、摘要、特色图片、排序、评论、标题隐藏、页面布局。

时钟图标 – 历史操作与存档

Elementor 会记录每一步操作并自动保存修订版本。如有需要,可以撤销已有操作或恢复历史版本。

Elementor 编辑器的基本操作
Elementor 编辑器的基本操作
Elementor 编辑器的基本操作
Elementor 编辑器的基本操作

元素的设置面板

每个元素的设置选项不同,通常分为三个选项卡,此处以【标题】元素为例。

  1. 内容。标题的文字、链接、HTML 标签。
  2. 样式。标题的对齐方式、排版、描边、阴影、混合模式、颜色。
  3. 高级设置。标题的布局、动作效果、变换、背景、边框、遮罩、响应式、属性、自定义 CSS。
Elementor 编辑器的基本操作
Elementor 编辑器的基本操作
Elementor 编辑器的基本操作
Elementor 编辑器的基本操作
Elementor 编辑器的基本操作
Elementor 编辑器的基本操作

分享本文:

Share Buttons
服务器托管