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

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

一般网站的目录结构为:

第一步:选择一个主题

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

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

wordpress标签使用教程(WordPress使用Elementor可视化编辑插件来创建网站全过程2022)(1)

第二步:创建页面

如下图,点击新建页面:

wordpress标签使用教程(WordPress使用Elementor可视化编辑插件来创建网站全过程2022)(2)

创建“首页”

wordpress标签使用教程(WordPress使用Elementor可视化编辑插件来创建网站全过程2022)(3)

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

wordpress标签使用教程(WordPress使用Elementor可视化编辑插件来创建网站全过程2022)(4)

点击“使用 Elementor 编辑”

wordpress标签使用教程(WordPress使用Elementor可视化编辑插件来创建网站全过程2022)(5)

载入模板:

wordpress标签使用教程(WordPress使用Elementor可视化编辑插件来创建网站全过程2022)(6)

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

wordpress标签使用教程(WordPress使用Elementor可视化编辑插件来创建网站全过程2022)(7)

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

wordpress标签使用教程(WordPress使用Elementor可视化编辑插件来创建网站全过程2022)(8)

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

第三步,选择默认首页

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

wordpress标签使用教程(WordPress使用Elementor可视化编辑插件来创建网站全过程2022)(9)

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

wordpress标签使用教程(WordPress使用Elementor可视化编辑插件来创建网站全过程2022)(10)

第四步,创建菜单

进入:外观——菜单

wordpress标签使用教程(WordPress使用Elementor可视化编辑插件来创建网站全过程2022)(11)

添加菜单,保存。

wordpress标签使用教程(WordPress使用Elementor可视化编辑插件来创建网站全过程2022)(12)

第五步,创建页脚

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

wordpress标签使用教程(WordPress使用Elementor可视化编辑插件来创建网站全过程2022)(13)

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

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

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

wordpress标签使用教程(WordPress使用Elementor可视化编辑插件来创建网站全过程2022)(14)

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

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

wordpress标签使用教程(WordPress使用Elementor可视化编辑插件来创建网站全过程2022)(15)

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

,