如何用Elementor Pro制作网站Header？

本文介绍如何用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就可以重新设置显示范围。