更新日期:2026 年 9 月 23 日
适用于各种网站的元素标头模板
43 个来自 Master Addons 库的现成 Elementor 标头,按它们所适合的站点类型排序:SaaS 产品、本地服务业务、在线商店、重触点多行布局和最少菜单。打开任何卡片,在新选项卡中尝试实时标头,然后从 Master Addons 模板库的标头选项卡中插入,并使用主题生成器在您的站点上显示。
评分为 4.5 分(满分 5 分) 212 WordPress.org 审稿人活跃于 30,000 多个站点
SaaS 和 Tech Elementor 标头模板
SaaS和科技套件的标题。大多数遵循一种模式:左侧的徽标,四个或五个链接,右侧的试用或演示按钮。Finix、Clowdify和Techbyte使用深色条,Lead Lift坐在奶油色条上。
什么是元素标头模板?
Elementor 标头模板是保存为 Elementor 模板的现成的标头部分(徽标、导航菜单、按钮和通常的顶部栏),您将其插入主题生成器标头,在徽标和链接中进行交换,它会出现在您选择的每个页面的顶部。
页面模板更改一页 标头模板会一次更改每个页面,因此通常首先在新 Elementor 站点上设置,紧接着全局颜色和字体。
标头模板通常包含的内容
| 部分 | 它做什么 |
|---|---|
| 标志 | Links 回到首页。将演示标识替换为自己的图片或站点标题。 |
| 导航菜单 | 您的主页面,以及设计中包含的下拉。 |
| 呼叫采取行动按钮 | 一个主要行动,例如开始免费试用、预订预约或获取报价。 |
| 顶酒吧 | 主行上方的电话、电子邮件、地址、开放时间或社交图标。 |
| 实用程序图标 | 搜索、购物车、愿望清单或帐户图标,主要位于商店标题上。 |
如何将标头模板添加到您的网站
Master Addons 主题生成器放置标头,因此您不需要 Elementor Pro。
- 在仪表板中,转到 主插件 > 主题生成器,点击 添加新模板的,将类型设置为 标头 然后单击 使用元素器编辑.
- 在编辑器中,单击 主插件模板 按钮,打开 标题 tab,选择一个设计,然后单击 插入.
- 更换徽标,将菜单指向您自己的 WordPress 菜单,然后更改按钮文本和链接。
- 打开 条件 选项卡,设置 包括 > 整个网站 并保存。
- 如果您的主题仍然在新标题上方打印自己的标题,请在其设置中关闭主题标题。
的 标题主题生成器指南 每个步骤都有一个屏幕截图,包括如何排除一个页面或为一个登陆页面提供自己的标头。
哪种标头布局适合您的网站?
| 您的网站 | 通常有效的标头 | 从头开始 |
|---|---|---|
| SaaS 或应用程序 | 简短菜单,包含定价和功能、登录链接和一个试用按钮 | Sempla、Sabrion、Nexis |
| 本地服务业务 | 电话号码可见,右侧有预订按钮 | 牙科、Plumbiq、清洁剂 |
| 餐厅 | 联系顶部栏和"预订表格"按钮 | 烹饪 |
| 网上商店 | 搜索、购物车和帐户图标、类别下拉 | Sartivo,搜索栏商店标题 |
| 代理机构或诊所有很多页面 | 两行或三行,包含联系方式和完整的菜单栏 | 三排中心标头、医疗诊所标头 |
| 投资组合或品牌网站 | 居中的徽标或保持栏清洁的菜单按钮 | 居中徽标堆叠标头、菜单按钮标头 |
网站标题示例:好人分享的内容
- 他们给访客一个主按钮。 Nexis、Finix 和 Optivue 各有一个单次动作调用,Sempla 将第二个动作 Login 风格化为一个简单的链接,这样两人就不会竞争。
- 他们保持菜单简短。这里的大多数标题都显示三到六个链接,Tecpart 将其余页面放入 All Pages 下拉中。
- 当地企业会显示一个电话号码。 Dental、Cleanery 和 Plumbiq 将其放入标题中,宁愿拨打电话的客户无需滚动即可找到它。
- Stores把搜索放在头上,这里的每个商店布局都有,大多数在旁边添加一个购物车图标。
- 深色条使用浅色文本和轮廓按钮,就像 Finix 和 Clowdify 一样,因此两者都保持可读性。
粘性标题
头(header),在访客滚动时保持在顶部,使菜单和按钮在长页面上触手可及,您可以使这些标题中的任何一个粘性,步骤在我们的指南中 在 Elementor 中创建粘性标头.
专业标头模板
PRO标记的卡需要一个Master Addons Pro许可证,43个标头中有18个是Pro,包括来自较新的套件(如Cleanery、Finix、Nexis和Sartivo)的标头,同样的许可证解锁了那些标头来自的整页模板 模板套件 页。
选择一个标头,设置一次
选择与您的网站匹配的类别,并排打开两到三个实时演示,并插入适合的。设置主题生成器条件后,每个页面都会拾取新的标头,并且您只在一个地方编辑它。
Elementor 标头模板:常见问题
什么是 Elementor 标头模板?
Elementor模板保存的现成的头部部分,它保存着徽标,菜单,按钮和通常顶部栏,你把它插入主题构建器头部,所以它在每个页面上显示。
如何在 Elementor 中使用标头模板?
在"主插件 >"主题生成器中创建一个"标头模板,在"元素器中打开它,从"主插件模板库的"标头选项卡中插入一个设计,然后将条件设置为"包含 >"整个站点并保存。
我需要 Elementor Pro 来使用这些标头模板吗?
号主插件主题生成器将标头放在您的页面上,因此不需要 Elementor Pro。
标头在手机上工作吗?
在选择菜单之前,打开手机上的实时演示,或缩小浏览器窗口的范围,以了解菜单在小屏幕上的表现。
我可以在一页上使用不同的标头吗?
是构建第二个标头模板,并将其条件设置为包含>单数>该页面的页面,然后将该页面从主标头中排除。
为什么导入后看到两个标头?
Your theme 仍在打印自己的标头,在主题设置或自定义器中关闭它,或者在主题生成器标头处于活动状态时使用隐藏其标头的主题。
Master Addons 包括多少个标头模板?
Master Addons 模板库的标题选项卡有 43 种设计,全部显示在本页上。