Elementor是一款网页设计生成器，通过‘拖放’来设计我们的站页面，不需要任何代码知识就能完全设计出精美并且响应式的页面，通过这个工具让很多小白都能实现自己外贸建站的想法。

推荐阅读：Elementor Pro插件购买和安装详细教程

Elementor Pro(专业版的elementor可以解锁全部的建站小工具和网页模板)

今天小编就来和大家讲讲怎么通过elementor来设计自己的网站页面，首先我们安装好WordPress，并且安装oceanwp主题（这个主题完美支持elementor工具）。通过后台添加插件来安装好我们的elementor插件。（这个插件大约有五百万的下载量了）

安装好后我们就可以在WordPress后台看到多了个elementor的选项菜单。这里我们不需要任何设置，直接创建一个新的Page页面，比如HomePage（填写好标题后，直接发布这个页面）.这时候就会发现多了个‘Edit with Elementor ’的按钮，我们直接点击这个按钮就进入这个工具的编辑页面。

Elementor编辑页面，左侧是小工具直接可以按住鼠标左键，然后拽到右侧的编辑区域进行编辑。比如图片，文字编辑器，slider,icon等小工具。

添加元素之前，首先我们要确定我们一行的列数，右侧页面编辑区域有个加号按钮。我们点击后可以确定我们一行要添加的列数。右侧小文件的按钮可以添加elementor网页模板（这个我们暂时不讨论）比如我们添加两列区域，直接选择第二个。如图所示。

确定好列数之后，我们就可以将小工具拖放到页面的区域。比如我们想在左侧添加一个文字板块，这时候我们就可以将左侧小工具中的，text editor工具拖拽到里面进行编辑。

编辑好内容后我们可以对文字进行设置，比如我们可以设置字体的样式，颜色，大小等。一个工具一般有三个区域，content，style,advanced三个设置部分

• Content:板块内容的设置
• Style：内容的样式设置
• Avanced：内容间距，效果等的设置

通过这三个部分的设置，我们几乎完全对一个板块的任何样式以轻松设置。

免费版本的elementor使用的建站小工具是有限制的，付费版本的elementor可以解锁全部的小工具和网页模板。如果想用更多小工具的可以考虑购买专业版本的elementor。