一个标题 现场网络 是第一个感知到的信息 游客 你的网站。 它允许您突出您的品牌标志、组织您网站的页面以及提供其他重要功能(搜索、连接等)。 除此之外,浮动和透明的标题是必要的,因为它可以改善用户体验。
在本文中,我们将向您展示如何创建标题并使其透明 Elementor. 但在此之前,我们将了解什么是浮动和透明的标头。
什么是浮动透明标头?
浮动标题是一个导航栏,即使访问者向下滚动网页,它也始终保持固定。 它非常适合具有长文章、评论和单页站点的页面的站点。 它的透明方面允许您查看页面的背景颜色及其内容。
为什么使用浮动和透明标题
现代网站越来越多地使用浮动和透明标题,因为它们对页面有视觉冲击 游客 的网站。 采用它们的原因是:
- 提高品牌知名度,
- 提升用户体验,
- 改善导航
使用 Elementor 固定标题并使标题透明
要创建透明和浮动标题,您必须同时拥有Elementor (专业版和精简版)。 否则,下载 (Elementor, Elementor临) 在开始之前。
安装后,请按照以下步骤操作。
步 1:使用 Elementor 创建菜单
要创建菜单,请执行以下步骤:
- 依次选择 外观>>菜单
- 为菜单命名
- 指明菜单的位置
- 通过单击按钮进行验证 保存菜单
- 查看群组中的页面、文章或帖子 添加菜单项
- 点击 添加到菜单 将标记的项目添加到菜单
- 最后点击 保存菜单
里拉aussi Elementor:如何在图像上方显示文本
第 2 步:从 Elementor 模板库中选择标题模板
的用户Elementor 专业人士可以访问现成的模板库,可用于设计不同的部分 网站Web. 您还可以在此处找到各种标题模板。 去做这个,
- 先后前往 型号 >> 添加
- 您将看到一个模态弹出窗口
- 选择 头
- 最后点击 创建一个模板
从那时起,将显示库。 默认情况下,它显示标题块。 浏览提供的模板,然后插入您感兴趣的模板。
标题模板将在 Elementor 画布中打开。
步骤3: 带有 Elementor 的排针
要固定标头,请执行以下步骤:
- 点击按钮 编辑标题部分
- 然后选择标签 先进
- 然后 运动效果
- 下拉菜单 别针 并选择值 在顶部,这将在访问者向下滚动页面时冻结您网站的标题。
- 默认情况下,标题将自动固定在桌面、平板电脑和移动设备等媒体上
步骤4: 使用 Elementor 使标题透明
为此,请重复以下方法:
- 到 样式>>背景>>颜色选择器
- 然后改变背景的不透明度
如果要使标题完全透明,请通过选择类型更改背景类型 经典. 因此,由于文本颜色对比(白色),导航菜单将不可见。
要纠正这种情况,请执行以下操作:
- 依次点击修改菜单 浏览 >> 款式
- 然后在 颜色选择器
- 选择所需的颜色(在我们的例子中,不需要更改它)。
完成后,您可以发布您的网页。 但在此之前,让我们看看如何将模板中的导航菜单替换为我们创建的导航菜单。 请记住,分配给我们的名称是 标题菜单 (见步骤 1):
- 选择标签 内容
- 然后修改 菜单 通过选择标题的名称
你去吧:)。
结论
在某些情况下,透明和浮动标题对您很有用。 我们希望本文能够满足您对如何使用 Elementor 创建透明和浮动标题的需求。 如果您对此主题有任何其他疑虑,请在评论中告诉我们。
你好,
感谢您的文章。
我实际上创建了一个透明标题,以便背景中的照片保持可见。
然而这张照片只出现在主页上。
我想指定该标题仅在主页上是透明的,因为否则在我的文章中,我将不再看到它!
我一直在拼命寻找解决方案... 没有成功!
感谢您的帮助