本文介绍如何用Elementor Pro制作网站Header,Elementor Pro制作的网站Header可以覆盖主题的Header设置,制作完成之后只需要维护Header模板即可。
本教程的前提是你的网站已经安装并激活了Elementor Pro。
第一步:进入Elementor的Themebuilder
第二步:新建Header模板
注意一个网站只能创建一个应用到整站的Header,否则就会冲突报错。
第三步:制作网站Header
你可以在模板库里面选择一个你觉得合适的模板尽心编辑和修改
导入模板
导入之后将模板中的内容改成你的内容即可,你可以适当做模板布局及内容做一些调整。
3.1 设置固定页眉效果
如果你想要网站有个固定页眉的效果,可以按照如下步骤操作:
1、选择要固定的内容的section
2、设置Motion Effects的Sticky模式
第四步:发布网站Header
制作好header之后点击左下角的【publish】按钮发布
设置生效的范围
设置在整个网站生效,然后保存并关闭。
include设置为Entire Site;如果是想应用到单个页面或者其他内容,下拉选择其他选项,比如 选择singlure,再选择对应的内容即可。除了做include设置,还可以做Exclude设置。
查看结果
固定页眉的效果
第五步:编辑修改网站Header
创建好之后如果需要修改,在网站的任意调用的页面都可以进入Header模板进行编辑。
从后台的Theme builder中也可以进入Header模板的编辑
如果需要修改显示范围设置可以在编辑视图下左下角的【update】按钮旁边有个三角形点击然后选择display condition就可以重新设置显示范围。