主题安装指南之Elementor主题模板

Elementor Template Kit类的主题如何安装?为何会安装失败?

今天,有一位朋友咨询我说:你之前发我的那几个主题为啥安装不上去呢,说缺少什么东西?我一愣,心想不应该啊,藏书阁的这些资源包质量都挺高的,肯定又是不会操作而导致安装不上,也恰巧是因为这次的聊天,我发现我们主题中的一些异类,我觉得有必要拿出来着重的为新手朋友讲一下这些内容,下面我们跟随Elementor Template Kit类主题安装教程一文,详细了解如何使用这种类型的主题。

说明:Elementor Template Kit 其实不算是主题级别的,它只是Elementor编辑器的模板。

Elementor类主题文件目录结构

文件说明:文件列表中带有one、two这类字眼的是同一个页面的模板,但是它们的样式不一样,选择一个即可。

一、依赖安装

  • Elementor插件:因为模板是Elementor的文件,所以我们必须先安装Elementor页面编辑器。
  • Elementor Header & Footer 插件: 为了方便统一管理Header 和 Footer,我们也安装这个插件,以便我们不用重复的去编辑每一个页面的Footer和Header部分,因为它们通常都是公共部分。

 

二、开始安装主题

打开后台首页,在左侧点击Add Page,添加一个新页面,名字就叫Home吧(你需要建什么页面就叫什么名字)。

使用Elementor编辑该页面->在Elementor编辑页面的右上角有一个“Public”, 没错我们需要点击的不是它,是它右边的下箭头->在弹出的界面中选择“Save as Template”

在弹出的界面中,我们可以看到顶部右上角有一个”↑”上传箭头,点击它。

然后将你拥有的Elementor主题包里面的.json文件都上传上去,在导入期间会弹一些安全询问框,不用管它,全部同意就行,上传完成后会看到如下界面

每一个不同的名字代表一个页面或者一个通用位置的布局,我们直接点击insert进行插入相应的,比如我们现在编辑的是Home,那我们就插入Home相关的模板。

接下来就是导入Elementor Header & Footer,在左侧菜单点击Elementor Header & Footer的菜单,添加一个Header和一个Footer。

添加Header和Footer的时候一定要注意,Display On这一项直接选择“Entire Website”,这是全站使用这个header的意思,如果你不想这样,那就按自己需求去选。

都添加了以后同样适用Elementor进行编辑,如上方导入Home的模板一样,左侧这里这个箭头可以看到之前导入的List列表,插入Header和Footer相应的模板,保存即可(Footer和Header一样)。

接下来是重点:

问:为什么我设置完成Home和Header还有Footer了,打开首页还是看不见新的界面/Home没有生效?

答:我们需要修改一下Wordpress首页的模板,点击左侧菜单的“设置”( setting )->“阅读”(Reading)->“静态页面”( A Static Page )->“首页”( Homepage )->你想设置为首页的模板->保存修改(Save Changes)

 

结语:到这里就完成了首页模板的设置,Header和Footer也实现的全局通用,其余的其它页面我们就按照Home页面的设置流程重复去进行设置就可以了,需要哪些页面就新建哪些页面,然后在Elementor中导入它的JSON文件,按照演示站DEMO头部菜单进行逐页添加。Header上的导航如果要用到Menu就在后台左侧菜单->外观->menu中进行设置即可。

显示验证码
没有账号?注册  忘记密码?