Elementor 标头模板:43 种现成设计

Elementor 标头模板是网站的顶部栏目保存为现成的设计:徽标、菜单、按钮以及它们上方的联系栏。您将其与主题构建器一起添加一次,它会显示在每个页面上。

Master Addons库中收集了43个Elementor头模板,按他们所适合的站点的种类进行分组,每个都有截图和一个在新选项卡中打开的实时演示,他们从The的Headers选项卡安装 主插件模板库 并走遍全站 主插件主题生成器的,所以你不需要元素师专业版来使用它们。

跳到你来是为了什么:

• 如何添加 Elementor 标头模板:主题构建器的五个步骤
• 43 个按站点类型划分的标头模板:SaaS,本地业务,商店,多行和最小
• 哪种标头布局适合您的网站:一张快速的桌子,可以缩小范围
• 常见问题

如何向您的网站添加 Elementor 标头模板

头(header)是主题构建器模板:它出现在每个页面上,你在一个地方编辑它,在主插件主题构建器中构建头是免费的,下面的步骤可以使用免费插件和核心 Elementor。

在下面的视频中,其中一个标头直接进入主题构建器模板,然后实时显示整个站点。如果您愿意阅读,则会在下面写出相同的步骤。

1. 在仪表板中,转到 主插件 → 主题生成器,点击 添加新模板的,将类型设置为 标头 然后单击 使用元素器编辑.
2. 在编辑器中,单击 主插件模板 按钮,打开 标题 tab,选择一个设计,然后单击 插入.
3. 更换标志,指向 导航菜单小部件 在您自己的 WordPress 菜单上,更改按钮文本和链接。
4. 打开 条件 选项卡,设置 包括 → 整个网站 并保存。
5. 如果您的主题仍然在新标题上方打印自己的标题,请在其设置中关闭主题标题。

的 标题主题生成器指南 盖相同的步骤,并为每个步骤提供屏幕截图,包括如何排除一个页面或给一个登陆页面自己的标头。相同的主题构建器也处理页面的底部,如我们的指南所示 使用 Elementor 编辑 WordPress 中的页脚。如果你也需要一个脚踏车,我们的 元素页脚模板 post 有 34 种设计,每种设计都有一个现场演示。

43 按站点类型划分的元素标头模板

43种设计分成五组,跳到离你站点最近的那组,并排打开两三个演示,然后再挑选。

SaaS 和 tech Elementor 标头模板

SaaS和科技套件,这些大部分都来自,共享一种模式:左边的标志,四个或五个链接,右边有一个试用或演示按钮。Finix,Clowdify和Techbyte使用深色条,Lead Lift坐在奶油色条上。

1。Shiftflow:Elementor 作业板标头模板

为作业板而构建:主页、作业和发布作业位于白色条的右侧,后面是概述的发布作业免费按钮。

2。techbyte:元素器暗科技标头模板

Dark navy,左边是品牌名称,右边是三个链接,没有按钮,所以比销售页面更适合一个投资组合或项目站点。

3、Tecpart:Elementor IT 公司标头模板

IT服务头,其所有页面下拉保留九个内页,因此顶层只需要另外三个链接,截图显示下拉打开。

4。Clowdify:Elementor SaaS 药丸头模板

整个标题是一个圆形的黑色药丸,周围有空间。功能、定价、集成和客户登录位于"立即开始"按钮旁边。

5、克拉夫托娃:元素人SaaS头模板

6个链接,其中有案例研究,还有一个概述的开始免费试用按钮,它适合一个比通常的三链接SaaS菜单页面更多的产品。

6、Finix:元素器暗SaaS头模板

Black 配上绿色标志标记,中间有三个链接和一个勾勒的 Start 免费试用按钮,只有三个链接,眼睛就直奔试用。

7、握:元素人机构头模板

带有大字标的机构标头"关于"、"案例研究和联系"以及"与我们合作"按钮,SaaS 网站将在其中进行试验。

8、克莱罗:Elementor软件演示头模板

浅灰色条上的五个链接和一个免费请求演示按钮,适用于通过演示通话销售的软件。

9、引线提升:Elementor启动头模板

1个奶油条,加粗链接文字,还有一粒黑色药丸写着开始免费试用,这里最温暖的SaaS头。

10。Nexis:Elementor SaaS 标头模板

中间间隔有五个链接、一个深绿色徽标和一个带有浅边框的立即开始按钮。

11、选项:元素器SaaS头模板

3个链接,中间是一个白色的栏,右边是一个圆润的开始免费试用按钮,读起来很少,所以按钮做功。

12、军刀:元素者SaaS登录头模板

Logo旁边的定价、关于和联系方式,然后是一个登录链接和一个开始14天免费试用按钮,登录保持纯文本,这样就不会与试用竞争。

13、Sempla:Elementor SaaS 标头模板

功能、关于我们、定价和徽标旁边的推荐,右侧分组了登录和立即开始。

14、Zaplyte:Elementor 应用程序标头模板

链接位于徽标后面,而不是中间,这在"立即开始"按钮之前留下了开放空间。

业务和本地服务标头模板

Headers清洁公司,牙医,水管工,治疗诊所,餐厅和房地产中介大多数添加一个顶部酒吧与电话号码或社交链接,主按钮预订预约,一个电话或一张桌子。

15、home轴:元素器房地产头模板

Social图标,一个电子邮件地址和一个电话号码乘坐在一个石灰顶栏,主行有六个链接和一个匹配的获取报价按钮,带有箭头。

16、Balanciq:元素治疗诊所头模板

Home, About, 服务, 治疗师和联系与一个圆形的开始你的旅程按钮。柔和的颜色和充足的空间, 这适合一个诊所。

17、清洁工:元素器清洁服务头模板

Social icon,一个街道地址和一个电话号码共用一个细长的顶栏,主排有五个链接和一个绿色的Book An Appointment按钮。

18、清洗:元器清洗公司头模板

蓝色顶部栏要求 “需要快速清洁帮助?”旁边有一个呼叫我们号码,下面是五个链接和一个相同的蓝色预约按钮。

19、烹饪:元素师餐厅头模板

1个橄榄顶酒吧,在奶油色主排上方有电话、电子邮件和社交图标,Book A Table是它要求的一个动作。

20、牙科:Elementor牙科诊所头模板

电话号码位于"预订预约"按钮旁边,因此患者可以从同一地点致电或预订。

21、Plumbiq:Elementor 管道服务标头模板

顶部栏中充满了"致电我们"和社交图标,下面有五个链接和一个蓝色"请求免费致电"按钮。

电子商务和商店标题模板

Store 标头,带有搜索、购物车和帐户图标。Sartivo 打开一个类别下拉,其中两个布局在标头本身内部放置了销售优惠或促销链接。

22、带搜索的蓝色商店头:元素者商店头模板

1个带有社交图标的蓝色顶行,一个居中的标志,一个搜索框和一个推车,下面的菜单行以汉堡结尾,以获取额外的链接。

23、居中标识店:元素店头模板

在蓝色地址和电话栏下,菜单位于左侧,徽标位于中间,搜索和购物车位于右侧。

24、暗顶吧店:元素人店头模板

其暗顶酒吧提供免费咨询和电话号码。下面是徽标、六个链接和一个搜索按钮。

25、促销横幅店:元素人店促销头模板

三行:带有帐户和社交图标的消息行、宽阔的优惠横幅旁边的徽标以及带有搜索、购物车和愿望清单的蓝色菜单栏。

26、搜索栏商店:Elementor电子商务搜索头模板

搜索取标志行的中间,右侧是愿望清单和购物车,菜单栏中的电子产品链接可享受 70% 的折扣。

27、萨蒂沃:Elementor 时装店头模板

Shop by Category链接的时装店头,一个All Pages下拉,一个居中的标志和帐户和搜索图标,截图显示下拉打开。

顶部栏和多行标头模板

2行或3行构建的标题:带有电话、电子邮件或开放时间的联系栏、徽标行和菜单栏,它们适合那些希望在每个页面上提供联系方式的机构、诊所和服务公司。

28、地址栏:元素人顶栏头模板

灰色顶部栏,带有地址和社交图标,然后是徽标、六个链接和蓝色"立即加入"按钮。

29、角度菜单:元素人预约头模板

开放时间和三个小型实用程序链接位于一个倾斜的蓝色菜单栏上方,菜单栏末端为白色"预约"按钮。

30。带搜索的联系信息头:元素人联系信息头模板

带有地址、登录名和社交图标的蓝色栏、带有"致电我们"和开放时间的徽标行以及带有搜索框的盒装蓝色菜单栏。

31、创意机构:Elementor创意机构头模板

Logo在左边有自己的蓝色大块,一个电话号码和社交图标横跨顶部,菜单在下面。

32、浮动菜单:元素人浮动菜单头模板

1个蓝色条形,里面装有电话、电子邮件和开放时间,下面的白色菜单框与页面顶部重叠,在英雄形象上效果很好。

33、入门联系栏:元素人联系栏头模板

电话和电子邮件位于浅色顶部栏中,右侧有一个实心入门块,然后是徽标、菜单和购物车图标。

34、医疗诊所:Elementor医疗诊所头模板

Logo坐落在对角线蓝色面板上,电话和电子邮件进入顶部栏,搜索和购物车图标结束菜单。

35、三行居中:元素人三行头模板

顶部栏中的电子邮件、电话和登录名、两侧带有购物车和社交图标的居中徽标以及底部的全宽蓝色菜单栏。

36、访问、唿叫和邮件:Elementor 联系方式 标头模板

Logo旁边排列着访问我们,致电我们和电子邮件给我们块,下面有一个蓝色菜单栏,上面有登录和注册。

最小且居中的标头模板

单行和不寻常的布局:围绕居中徽标划分的菜单、带有单个菜单按钮的栏、堆叠的居中徽标和一些简单的徽标和链接栏。

37、居中标识堆叠:元素人居中标识头模板

Logo位于顶部,菜单位于其下方,这种布局适合博客和投资组合网站。

38、火离分裂:元素者分裂菜单头模板

菜单分为两部分,中心徽标的每一侧都有三个链接。

39、菜单按钮:元素人菜单按钮头模板

Logo在左边,社交图标在中间,蓝色菜单按钮在右边,它适用于只有少数页面的网站。

40。带社交图标的最小标头:元素或最小标头模板

一条带有徽标的白色条、六个链接、一个搜索按钮和三个社交图标。

41、紫色角度 CTA:元素人号召性用语头模板

白色徽标和菜单,以一个有角度的紫色面板结尾,其中包含下载按钮。

42、签到:Elementor 简单标头模板

Logo,六个链接和一个带有图标的Sign In链接,里面那么少,几乎掉进了任何一个站点。

43、简单下拉:元素器下拉菜单头模板

只需徽标、带有下拉箭头的菜单和右侧的关闭图标,在纯白色条上即可。

哪种标头布局适合您的网站?

网站标题示例:好的分享

• 他们给访客一个主按钮。 Nexis、Finix 和 Optivue 各有一个单次动作调用,Sempla 将第二个动作 Login 风格化为一个简单的链接,这样两人就不会竞争。
• 他们保持菜单简短。这里的大多数标题都显示三到六个链接,Tecpart 将其余页面放入 All Pages 下拉中。
• 当地企业会显示一个电话号码。 Dental、Cleanery 和 Plumbiq 将其放入标题中,宁愿拨打电话的客户无需滚动即可找到它。
• Stores把搜索放在头上,这里的每个商店布局都有,大多数在旁边添加一个购物车图标。
• 深色条使用浅色文本和轮廓按钮,就像 Finix 和 Clowdify 一样,因此两者都保持可读性。

使标头粘稠

头(header),在访客滚动时保持在顶部,使菜单和按钮在长页面上触手可及,您可以使这些标题中的任何一个粘性,步骤在我们的指南中 在 Elementor 中创建粘性标头.在a上 一页网站、粘性标头与跳转到每个部分的菜单链接配对。

标题、部分、页面或套件:您需要哪个模板?

头模板覆盖了站点的一部分,如果您也在构建其余部分,则同一库具有 元素单元部分模板 对于定价或常见问题解答等单个频段,完整 元素页模板 对于完整的页面,以及 模板套件 它以一种匹配的风格捆绑了一个标题、页脚和每个页面。

库中标记为 Pro 的标头需要 Master Addons Pro 许可证它还解锁了许多这些标头所来自的完整套件。

常见问题

选择一个标头,设置一次

从与您的站点匹配的组开始,插入适合的设计,如果稍后改变主意,打开相同的主题构建器模板,删除旧设计并插入新的显示条件保持原样。

相关阅读: 如何导入 Elementor 模板, 元素单元部分模板, 元素页脚模板 並 Elementor自己的指南,用容器构建一个标头.