wordpress知识库
网站首页 > 知识库 > wordpress知识 >

Elementor基础教程

使用Elementor,你无需学习任何编程知识,就能搭建一个高大上的网站。但是,搭建网站前最好学会它的基本操作,考虑到这些,我会逐步讲解它怎么使用。

1. 创建页面

第1步,首先在WordPress后台新建页面,然后点击最上方的使用 Elementor 编辑按钮。

使用 Elementor 编辑

第2步,熟悉编辑器的结构,wordpress插件一共有三个部分,分别是工具栏模块,可视化界面和导航器。

  • 工具栏:包含了大量可拖放的模块,比如区块、图片、文字、按钮等
  • 可视化界面:编辑页面时,能实时知道页面发生了哪些变化
  • 导航器:从上至下显示页面元素的排版,方便调整各模块的顺序

Elementor工作区界面

第3步,点击加号选择你要的结构,确定同一行或同一列大概要放多少个区块。

添加组件

然后,将左边工具栏里的模块拖放到右边的区块中,比如标题、图片,按钮。

左侧模块可以拖动到右侧

第4步,点击右边的蓝色虚线框,选择你已添加的模块,可以修改模块里的内容。

编辑模块内的内容

第5步,点击左下角的设置,修改页面布局为全宽,以后可以单独调整每个区块的宽度。

设置elementor的页面布局

第6步,使用预览查看页面的实际样子,确认无误后点发布。至此,页面就创建成功了。

预览elementor页面

 

页面发布后,如果这个页面是网站主页,你可以到WordPress后台设置 > 阅读,将这个页面设置成静态首页,并保存更改,以后访问域名就会显示该页面。

这就是elementor的基础操作讲解,如果不会安装elementor,可以参照下面的文章:

Elementor安装教程