使用Elementor可视化编辑插件来创建网站全过程

使用Elementor来创建本站,此文足以,全称无需代码,轻松上手。

目标:创建一个完整的网站,使用Elementor Digital Agency模板工具包和Hello主题

一般网站的目录结构为:

  • 首页
  • 关于我们
  • 产品中心、产品详情页
  • 新闻资讯、新闻详情页
  • 联系我们
  • 页头和页尾
  • 404、搜索结果页

第一步:选择一个主题

这里推荐Hello Elementor主题,这个可以与Elementor插件完美适配。

主题安装方法:
外观——主题——添加——搜索“Hello Elementor”,点击安装,启用即可。

image-1594868062096

第二步:创建页面

如下图,点击新建页面:

image-1594868178229

创建“首页”
image-1594868890296

注意“页面属性”选择“Elementor全宽”,如下图:
image-1594868953687

点击“使用 Elementor 编辑”

image-1594869209892

载入模板:
image-1594869330930

搜索“Digital agency”,点击插入首页模板。

image-1594869411798

等待一会,插入成功,然后进行编辑替换里面的文字和图片。

image-1594870365204

其他页面的创建也是参考这个步骤即可。

第三步,选择默认首页

进入:设置——阅读,如下图:

image-1594871907743

选择一个静态页,选择“首页”即可

image-1594871938588

第四步,创建菜单

进入:外观——菜单

image-1594879467871

添加菜单,保存。

image-1594879558032

第五步,创建页脚

进入主题构建器,添加footer类型的模板

image-1594879623957

然后导入或自己创建一个页脚即可。

第六步,创建新闻归档页模板

主题构建器,创建archive类型的模板。创建好之后,添加显示的分类目录就可以了。

image-1594879708116

第七步,创建新闻文章页模板

主题构建器,创建single文章页模板。如下图:

image-1594879771479

OK,以上,就是使用Elementor可视化编辑器来创建网站的全过程。希望能帮到您。

本文由 8源码吧 作者:liaolong 发表,其版权均为 8源码吧 所有,文章内容系作者个人观点,不代表 8源码吧 对观点赞同或支持。如需转载,请注明文章来源。

发表评论