以设计前端页面为例，在WordPress中选择“页面”→“新建页面”，进入页面。

左边指定的地方输入对应的页面标题，这部分文字将以页面Title的形式展现，如果设置网站的固定链接格式为“www.domain.com+文章名”，那么这部分的标题文字还会成为页面URL的组成部分(当然，也可以自定义修改)。

设置完页面标题之后，单击页面右上角的“发布”按钮即可。发布完成后再单击左上角的“使用Elementor编辑”按钮，这样就进入了Elementor编辑页面的工作区域。

左侧的“内部区段”“标题”“图像”“文本编辑器”，统称为Elementor编辑器的功能元素或者说是小部件(Elementor官方的叫法)。这些功能元素在Elementor编辑器中一共有6个大类，分别是基础设计元素、专业版设计元素、常规功能元素、站点级功能元素、单页级功能元素和WordPress层级元素。不过经常会使用的是前面三个大类，后面三个大类相对来说使用得没那么频繁。

如果想深入掌握Elementor编辑器的每个功能元素，那么可以去Elementor编辑器的官网找对应的说明文档。不过是全英文的，看起来不是很方便，可以到Youtube上找Elementor编辑器的使用教程视频。

Elementor编辑器的功能类似于HTML+CSS的整合，外加少量的JavaScript 特效。此处以Elementor编辑器中的“标题”功能元素为例讲解相关操作。

“内容”就是在HTML中要输出的主体。删除文本框中的占位字符，然后输入需要的标题文字即可。

“链接”用于设置单击这个标题之后希望出现的效果，最简单的就是跳转到其他网页。“粘贴URL或类型”文本框后面有两个按钮，第一个按钮用于设置链接是在当前页面打开还是在新的页面打开。还可以为该链接添加属性，如rel=nofollow。第二个按钮是动态标签，如果想实现单击某个标题(假设是get a free sample)时跳出一个弹窗，弹窗要求客户填写对应的姓名和邮箱，才能获得Free Sample(免费样品)，就可以在动态标签中选择“Popup”，选择完“Popup”再回到链接文本框进行设置。

单击一下“Popup”，它就会跳出一个“Popup”的设置弹窗。在“Action”中选择“Open Popup”，然后在“Popup”中的“AII”位置单击，这时候又会跳出一个内容框，输入对应的Popup模板的命名文字即可。这样就完成了单击标题文字出现对应的弹窗特效的设置(当然，前提是之前已经在Elementor模板库中创建好了对应

的Popup)。

“尺寸”用于设置标题文字大小，有默认大小、小、中等、大、XL和XXL几个等级。不过一般不在这里对标题文字的大小进行调整，而是在标题编辑页面的“样式”中的“排版”选项中进行设置。

“HTML标签”涉及谷歌SEO方面的知识，这个要结合具体的页面内容讲解。

“对齐”方式就是CSS代码中的text-align，有左对齐、居中对齐、右对齐和两端对齐四种对齐方案可供选择。