你好，欢迎来到学建站网，这一节课为大家去分享一个 elementor 的扩展插件。实际上在前面的课程里面，我们在学建站网前前后后为大家去分享了很多关于 elementor 的扩展插件，比如说我们给大家分享的Happy addons，还有 PowerPack Pro for Elementor 等等很多的一些扩展插件。那么这一节课我们要给大家分享的是一个叫 The plus addons for elementor 这样的一个扩展插件。
当然在学建站网，虽然我们给大家分享了很多个这样的扩展插件，并不是代表大家要把所有的这种扩展插件都安装一遍，而是要有选择性的看你想要构建的那个页面，它的功能需要哪些风格，需要哪些组件能够实现，所以你根据自己的需要安装几个就可以了。
elementor插件功能简介：
那么什么是 elementor 的扩展插件呢？实际上这个首先你需要去了解 elementor 是什么，就比如说我们现在搭建的这样的一个外贸独立站，我们看到独立站前台所给客户展现出来的风格，就是我们看到这种非常丰富的页面内容，实际上这里面的内容我们在构建页面的时候并不是一个代码去写的，当然你也可以用原生态代码去写，但是对于我们很多没有代码基础的，或者是你不想那么频繁的去写代码的人，那么我们就可以使用类似 elementor 或者 WPBakery 或者是 Bricks 这样的页面构建器。
这种页面构建器，它把我们整个页面里面想要的内容，比如说一个标题或者是一个段落，或者是一个slider，有一个幻灯片等等，把它完全模块化，就像我们小孩子玩的搭积木一样，我们只需要把相应的它所提供的模块，把它放在指定的位置就可以了。
比如说我们现在看到这个首页，当我们使用 elementor 去编辑的时候，其实就非常简单，我们只需要先去建一个区域，然后这个区域里面我们可以给它添加一些比如说标题模块或者是段落模块。那么这个标题模块它是一个集成的模块，也就是我们 elementor 所提供的构建器模块。
那么有了这个模块以后，你只需要在左边找到这个标题的模块，然后把它拖拽进来以后，然后你就可以去修改里面的内容，然后修改它的样式，当然你也可以去添加它的超链接，甚至也可以去调整它的盒模型。那么其他的也是一样，比如说我们的段落也是一样的，我们可以去修改这个段落里面的内容，包括它的字体大小，包括它的颜色等等。这些我们都可以去修改，修改完了以后，然后保存以后，这样的话就可以帮我们快速去完成一个页面的构建。
那么了解了elementor，那么 elementor 构建器是什么意思呢？实际上就是我们发现 elementor 本身它的构建器模块是有限的，比如说一个标题、一个图片、一个视频这样的模块，但是这些模块它并不能够满足我们即将要搭建的那个页面，比如说有些页面上面我们可能需要一些复杂的幻灯片、轮播图或者是跑马灯这样的效果，那么这些模块它不足以满足我们的需求，所以这个时候我们就需要去安装一些扩展插件，它就会在这个 elementor 的基础上去给我们增加更多的模块。而这些模块添加进来以后，我们就像使用 elementor 一样把这些模块拖拽到我们的页面里面去，完成我们想要的效果就可以了。
所以我们前面为大家去分享的这些扩展模块都是这样的，目的只是有的扩展模块，它可能它所提供的扩展模块比较少，有的功能模块不是我们想要的，或者是和 elementor 本身是冲突的，是一样的，所以我们不需要去安装它。
The plus addons for elementor插件介绍：
那么这一节课我们要给大家讲的这个 The plus addons for elementor 就是这样的一个扩展插件，那我们为什么要去使用这样的一个扩展插件呢？是因为它这里面包含了 120 多个类似于 elementor 原生态的这样的一些构建模块，那么有了这些模块就可以协助我们快速完成我们想要的页面效果，所以这是它的第一个优势，就是它有更多的构建器模块，当然它也提供了一些模板，所谓的模板就是它把这些构建器模块再给它组合起来。
就比如说我们可能之前在页面里面我们的一个标题，它就是一个模块，那么标题加一个段落，我们就可以把它组成一个section，就是一个区域模块，它实际上这里面包含了两个小模块，那同样的我们可以组成这样的一个区域模块，同时我们也可以组成一个页面模块，就是我们直接可以做一个page，这个 page 里面也都是很多个小的页面构建器模块把它组装在一起的，所以它这里所说的 1000 多个模板，其实就是使用它这个 100 多个小部件。然后把它组合在一起所制作出来的整个页面，这样的话我们制作的时候就不需要一个模块，一个模块的进行拖拽，我们直接可以把它页面导入进来，然后在这个基础上再去修改就行了，所以大家了解一下就行了。
当然正常情况下，因为我们很多时候帮客户去制作独立站，或者自己去制作独立站，我们都需要进行深度定制的，也就是说我们最好是把他的单元变得更小，也就说我们很多时候都会使用小部件一个模块的进行拖拽，而不会直接使用这些固定的模板，如果你直接使用这样的固定的模板，实际上和我们直接套模板没有什么区别了，它并不能够满足我们的需求。
然后另外一个就是它的小部件，官方说明的是它有很多的性能优化，有很多人去使用，其实我们在选择使用一些插件或者是扩展插件的时候，这是我们非常重要的一个衡量指标，因为使用的人越多，那么这个作者他就会持续的更新，因为他赚钱，他能够维持生计。那如果一个插件或者一个主题，它的使用人群非常少，这个主题或者是插件它随时都有可能被作者给放弃掉。当然它也支持去搭建菜单这样的组件，包括woocommerce或者是我们的 blog 的循环。调用好下面有它的一些特点，就比如说首先它可以支持去搭建一些菜单，当然 elementor 本身也是支持我们去搭建这种下拉菜单的。然后另外就是完整的woocommerce 的商店搭建，就是我们的产品页面，我们可以去添加一个轮播图，添加我们的标题、价格或者是 add to card 这样的模块。
这些基本上一般的包括 elementor 本身是有的，很多的一些扩展插件都是有这样的功能的，只是这一个扩展插件它会有更多的一些组件，并且很多的组件它的 UI 做的非常的漂亮，所以我们才给大家推荐这一个，那当然我们在使用的过程当中也要去看一下，我们等一下给大家讲到它的一些常见组件是不是能够满足我们的需求，如果能满足我们就可以使用，如果满足不了，你就去选择其他的扩展插件就可以了。下面我们就看一下。
The plus addons for elementor小部件功能：
首先看一下它的小部件，我们看到这个小部件里面包含了很多的模块。
比如说基础要素，就像我们的标题图表年龄限制，这个指的是一般我们做一些成人用品的站点，它上面必须要有一个就是我小于 18 岁等等这样的一个协议，所以我们需要有这样的。功能包括音频播放器等等，就是很多是比较常用的，像按钮、计时器，还有优惠码、视频等等，这些都是非常常见的。然后它的一些高级功能，比如说它的一些高级的按钮，所谓的高级的按钮就是按钮里面可以去添加一些提示，或者是加上更绚丽的效果，还有前后对比、动画文本等等，这些模块你都可以去看一下它的演示是不是满足我们的需要。
这个 section 它指的是我们可以针对一个区域模块给它添加背景，添加粒子背景，还有添加图片库等等，这些也是非常简单的。
标签页指的是我们的table，也就是我们的手风琴或者是选项卡这样的一些功能，另外还有一些表单，还有页面滚动。
还有一些社会的模块，就社媒模块，比如说社媒评价、 Facebook 评价，还有一些社媒登录等等这些内容吧。当然它也可以嵌入 Instagram 或者是 Facebook 或者 YouTube 这样的内容，你可以把你的社媒的信息通过feed 模式，然后显示在我们的独立站里面。
The plus addons for elementor模板功能：
好，就是这样的一个功能，下面我们具体去看一下它的模块，但是它这里面提到了很多个功能，我们可以看到菜单里面第一个就是它的入门模板，就是我们刚才所说的它所说的 1, 000 个组合模板。
其实我们刚才已经讲过了它的组合模板实际上就是用小模块组合在一个大区域，或者是组合成整个页面的一个框架。
The plus addons for elementor列表功能：
然后另外就是我们最常用的就是小部件，然后列表指的是什么呢？
列表一般指的是像我们的独立站里面的内容系统，三大内容系统，就比如说我们的产品系统，还有我们的 blog 系统，还有我们的配件系统，它可以针对这些页面，针对这些素材，然后可以把我们的文章列表或者是产品列表，它可以通过不同的方式，比如说列表方式、轮播方式、堆砌方式、网格方式，然后把它嵌入到我们的独立站页面里面。
当然它还有一些图片库，还有用户评价、团队成员等等，这些都可以放在我们的页面当中。
The plus addons for elementor构建器功能：
它这里面的建造者指的就是我们的构建器，我们的独立站里面不管你使用什么样的模板，哪怕你不使用，你就使用默认的模板，它也有它自己的页面逻辑，比如说我们的商品页面，或者是我们的产品的分类目录页面，或者是我们的产品详情页面，包括我们的购物车页面等等。
它是一个固定的逻辑，如果你想在这个基础上，就比如说你我们用了一个原生态的模板，那如果想在这个原生态的模板上面，然后去覆盖原始的这个模板结构，那这个时候我们就需要使用这个建造者，在我们的 elementor 里面也是可以的，就比如说它本身这个模板本身是带了一个 menu 这样的一个页眉的，但是我们可以通过The plus addons 这样的一个扩展插件，直接我可以再创建一个导航菜单，然后把原生态的那个给覆盖掉。
那除了我们的菜单之外，当然我们的页脚、 blog 页面，还有我们的woocommerce 等等的页面都可以进行覆盖。这样的话针对我们的独立站页面，我们每一个页面都可以通过他所提供的这样的组件，然后自由的进行组合，自由的进行设计，这样的话它的定制性会更高。然后还有一些额外的内容，额外的内容就是你每一个添加的组件里面，它可以进行复制自定义CSS，也可以去增加一些等高等等这一些样式，效果好，这其实它就是它的主要的功能。
The plus addons for elementor小部件演示：
下面我们主要就看一下它的部件，我们看到这里它所说的就是 120 个小组件。
就是我们刚才讲到的，比如说一个文本块，它实际上就和我们 elementor 里面的段落是一个意思，跟我们的段落是差不多的，只是我们用的 elementor 原生态的这样的一个段落，它的可设置的功能比较少，比如说我们可以添加一些内容，然后可以去修改它的样式等，但是这个其实对于我们很多时候其实已经是足够用的了，但是我们看到它这里面的组件，可能它给我们提供了更丰富的一些效果。
好，打开以后我们可以去看一下这个段落它到底有什么不一样的地方，那比如说这个段落里面它同时也给我们加了一个按钮，就是这个段落里面可以点击完成一个按钮，然后这个段落我们可以给它加下划线、修改颜色等等，也可以给它加上一些特效，就是这样的一个功能，实际上它就是在重新构建了我们的一个段落模块。
这个模块看起来更高级，然后可设置性更强，可定制性更强，那么其他的也是一样的，比如说我们的图表年龄限制，还有我们的音乐播放器按钮倒计时等等，这些是非常多的。其中有一些模块可能对我们是比较有用的，比如说像我们的登录模块，它就可以直接覆盖我们原生态的登录模块，那么它可以显示为弹窗的效果，或者是直接可以把我们后台的 Wordpress 默认的那个登录效果，然后直接给它覆盖掉，等一下打开我们再看。另外它也可以在我们的登录效果里面去嵌入一些第三方的登录，像这一些模块之前我们都是需要通过一些登录插件才能够实现的，但是现在它就相当于一步帮我们集成到这个 elementor 的扩展器里面了，就像我们现在看到这个效果，它之前的效果就是 Wordpress 的默认效果，就是这种默认的效果，但是现在它就可以让它变得更丰富一点，就变成这种效果。然后这里面也可以去添加一些社媒登录，另外这个登录模块你也可以让它通过弹窗的方式或者是下拉的方式去呈现，所以它的效果会更好看一点。
那同样还有一些其他的模块，大家都可以去看一下它是不是能够满足你的需要，比如说语法高亮模块、地图模块，还有我们的图标模块等等，还有我们的表格模块，这些都是可以去添加的。好，这就是关于 the plus addons for elementor 这个插件的介绍，那么下一节课呢？我们给大家去演示一下这个插件的安装和使用。
评论(0)