WordPress知识分享

Elementor多合一插件 ElementsKit 几百个小部件 页头页脚模板 demo演示站

ElementsKit Elementor终极多合一插件,包括近百款免费高级小部件、几十款预设页眉页脚模板、近百款demo演示站、几百个元素,支持 WooCommerce 小部件等等超多精彩功能。

ElementsKit提供基于 Elementor的很多功能,甚至包括一部分 Elementor Pro的功能。类似的插件还有Elementor Header & Footer Builder插件,功能少了一些。如果你不想为 Elementor Pro 付费,可以考虑这款插件。

Elementor是 WordPress建站中使用人群极多的一款页面编辑器,学习建站、预算不足的用户每年都花钱买 Pro版本就挺不值当的,Elementskit正好能弥补这里面的一些功能,提供 pro版本才有的部分功能给大家免费使用。

1、ElementsKit安装启用

在 WordPress后台>插件>安装插件,搜索“ElementsKit”,安装启用。

ElementsKit安装启用

2、ElementsKit 设置

  • Basic:推荐选择基础设置,提供基本小部件使用,适合轻量级快速建站。
  • Advanced:高级设置开启所有免费小部件,提供很多灵活功能,能够帮助你搭建复杂网站。
  • Custom:自定义设置可以根据需要手动选择开启哪些小部件。
  • 下面能够看到已激活的元素、小部件等。
  • 直接点击下一步就行,也无需注册账号。
  • 也可以先看教学视频,熟悉这个插件的各部分功能和有一定了解。

3、Elementskit插件使用

这个插件包括元素套件和页眉页脚两部分功能。

元素套件包括小部件和模块两部分。当网站设计完工将要推出正式访问之前,建议在这两部分的设置中把没用到的功能模块给禁用,以提高网站加载速度。

Elementskit插件元素套件包括小部件和模块

页眉页脚就是给网站设计页头、页尾功能,这是蛮实用的功能,Elementor Pro才有设计页眉页脚的功能。

相关阅读:Elementor Pro如何设计网站页眉导航

Elementor Pro如何创建网站页脚

4、使用 Elementskit 预制元素建站

Elementskit插件的使用前提是先部署 Elementor插件,前者会自动检测是否有安装后者,没有就会提示安装。

4.1、直接使用 Elementskit预制元素建站

新建页面,使用 Elementor编辑,点击下图中的 ElementsKit图标。

点击图中的 ElementsKit图标
进入到 ElementsKit素材仓库中看到很多不同分类,根据个人需要找到合适的种类,包括 templates模板(整套网站模板),pages页面(单一页面),sections片段等,在里面挑选喜欢的预制样式,插入到页面中。
ElementsKit素材仓库中看到很多不同分类,根据个人需要找到合适的种类,在里面挑选喜欢的预制样式,插入到页面中

接下来用准备好的图片和文字替换掉预制内容,就完成了。

4.2、建站途中调用 elementskit元素

另外一种做法是自行部署网站页面,在 Elementor左侧的元素区找到并拖拽 Elementskit元素到右侧编辑区域即可。

5、Elementskit制作页眉页脚

在 WordPress后台>Elementskit>Header Footer>add new,新增页眉页脚。

  • title:给页眉/页脚起名
  • type:header 还是footer
  • conditions:Entire site整站
  • 保存后点击 edit content 开始编辑页眉/页脚
Elementskit制作页眉页脚

进入编辑区域点击 Elementorskit图标,sections>header 或 footer,查看并选择适合的页眉/页脚,插入编辑区域,替换图片、文字即可。

6、总结

Elementorskit插件可以实现一部分 Elementor Pro的功能,里面有几百种元素、小部件,并且在不断更新中。如果不想购买 elementor pro,可以用这个插件免费实现这些功能,快速建站。

赞(2)
文章名称:《Elementor多合一插件 ElementsKit 几百个小部件 页头页脚模板 demo演示站》
文章链接:https://www.vpsss.net/28235.html
版权声明:本站资源仅供个人学习交流,禁止转载,不允许用于商业用途,否则法律问题自行承担。
图片版权归属各自创作者所有,图片水印出于防止被无耻之徒盗取劳动成果的目的。