不论你的wordpress是外贸、博客、新闻、笔记、等各种类型的站点Elementor都能设计出相应的页面。

页面构成

我们wordpress中基本所有的页面都是由3部分组成。

Header页眉部分：一般包括网站logo和导航栏等内容。

body内容主体部分：我们的文章内容都在此部分内，各个页面的侧边工具栏也在此部分。

Footer页脚部分：我们网站底部的版权信息等内容都在此部分。

一般Header和Footer都是全局调用，我们网站所有页面不管是文章、页面、列表页、搜索页等页眉页脚都是相同的模板。（有需求的话也可以设置个别页面不调用Header和Footer）

基础操作

打开文章或者页面列表，在任意文章点击“编辑”。这时进入到了我们wordpress默认的编辑器当中。

在文章标题下有个“使用Elementor编辑”的按钮，点击它就进入到了Elementor编辑界面。

我们点击左上侧的菜单按钮，三个横杠。

再点击主题生成器，就进入到了通用页面生成的界面。

左侧这里就是一些常见的各种通用页面分类。

我们在主题生成器界面，左侧分类后面鼠标放上去有个加号，点击会创建对应分类的页面。并进入模板选择界面。

模板导入

因为教程演示过程会涉及到网站页面大变动，后面本文将使用另外一个测试站点作为演示。所以截图可能看着有点不一样。

自动会进入模板选择界面，里面分为三个菜单。模块、网页、我的模板

我们这里就以“模块”中第一个为例。

点击他会进入预览界面，右上侧点击插入。

模板插入完成后会进入编辑界面。

Elementor主题

Hello Elementor–Elementor官方推荐主题，加载速度极快！本站目前使用的是这个。

Layers–免费的响应式多功能主题。该主题具有一个特殊的面板，提供易于使用的工具，可快速自定义网站的页眉和页脚，博客页面等区域。

BuWoo–BuWoo是Elementor增强的WooCommerce主题，其中包含自定义Elementor / WooCommerce小部件，并且支持SEO。多种店铺布局和标题样式。更适合电商网站使用。

Sydney–Sydney是一个强大的商业主题，它为公司或自由职业者提供了一种快速的方式来建立出色的在线形象。该主题在Elementor中也很好用。

GeneratePress–GeneratePress是一个轻量级的WordPress主题，专注于速度和可用性。性能对我们很重要，因此，全新的GeneratePress安装会为您的页面大小增加少于10kb（压缩）的原因。

OceanWP–OceanWP是您项目的理想主题。轻巧且高度可扩展，它将使您能够创建具有美观和专业设计的几乎所有类型的网站，例如博客，投资组合，商业网站和WooCommerce店面。

Astra–Astra是一种快速，完全可自定义且美观的WordPress主题，适用于博客，个人作品集，商业网站和WooCommerce店面。

Rife Free–Rife Free是一款出色的作品集和摄影WP主题，具有7个现成的演示版式。它也是与WooCommerce兼容的，非常适合企业，博客网站和您的商店。

Neve–Neve是一个超级快速，易于自定义的多功能主题。它非常适合博客，小型企业，创业公司，代理商，公司，电子商务商店（WooCommerce店面）以及个人投资组合网站和大多数类型的项目。

Tesseract–Tesseract在全球范围内被成千上万的WordPress支持者所使用，以建立在线业务，博客，产品组合，电子商务商店和个人网站。从初学者到自由职业者，再到Web开发人员，任何人都可以使用此主题。

Page Builder Framework–Page Builder Framework是一种超快速，轻量级（前端少于50kb）且高度可定制的WordPress主题，可与Elementor，Beaver Builder，Visual Composer，SiteOrigin，Divi，Thrive Architect，Brazy等所有页面构建器一起使用。

Zakra–Zakra是灵活，快速，轻巧和现代的多功能主题，它包含许多免费的入门站点（目前有10个以上的免费入门站点，以后还会添加更多免费的入门站点），您可以使用它们来使您的站点美观和专业。

PHLOX–Phlox是一种现代，轻便且可自定义的主题，几乎适用于几乎所有类型的网站，包括博客，投资组合，企业，代理，新闻和杂志，食品和餐馆，旅游和摄影以及WooCommerce店面。

Ashe–个人和多作者免费WordPress博客主题。非常适合个人，生活方式，健康与健身，食品，烹饪，面包店，旅行，美容，时尚，婚礼，摄影，新闻，报价博客，汽车博客，小型企业网站以及任何其他令人惊叹的博客。

设计header页眉

先进入主题生成器，在左侧header栏目下创建一个页面

这里就以第一个模板为例，直接插入，不预览了这里。

然后自动进入到了编辑界面，我们可以看到这个模板是将页眉分为了三个部分。三栏

左侧logo部分、中间导航菜单栏部分、右侧联系方式部分

鼠标放上去会显示对应部分内容详情

设计Footer页脚

我这里就随便选一个插入了。这个页脚模板分为两大块。

第一块包括联系我们字体+图标，这些都可以自己修改。也可以删掉它。这里就先保留了。

第二部分是一些常用链接的列表。

发布注意

页脚的条件设定跟页眉一样。都是整个网站全局显示。

文章页面模板

文章页面模板选择一个自己大致喜欢的即可，细节上我们可以进行微调。

这里就以第一个为例。

重要提示:

显示条件我们选择：包含-文章-所有

你想把文件放在哪里?

这里是实现你的模板展示的地方.切记!!!

插件列表

Elementor

Element Pack Pro

Elementor Pro

ElementsKit Lite

ElementsKit Pro

Magical Addons For Elementor