一个标题 现场网络 是第一个感知到的信息 游客 你的网站。 它允许您突出您的品牌标志、组织您网站的页面以及提供其他重要功能(搜索、连接等)。 除此之外,浮动和透明的标题是必要的,因为它可以改善用户体验。

在本文中,我们将向您展示如何创建标题并使其透明 Elementor. 但在此之前,我们将了解什么是浮动和透明的标头。

什么是浮动透明标头?

浮动标题是一个导航栏,即使访问者向下滚动网页,它也始终保持固定。 它非常适合具有长文章、评论和单页站点的页面的站点。 它的透明方面允许您查看页面的背景颜色及其内容。

固定并使用 Elementor 使标题透明

为什么使用浮动和透明标题

现代网站越来越多地使用浮动和透明标题,因为它们对页面有视觉冲击 游客 的网站。 采用它们的原因是:

  • 提高品牌知名度,
  • 提升用户体验,
  • 改善导航

发现 如何在 Elementor 中创建双色标题

使用 Elementor 固定标题并使标题透明

要创建透明和浮动标题,您必须同时拥有Elementor (专业版和精简版)。 否则,下载 (Elementor, Elementor临) 在开始之前。

安装后,请按照以下步骤操作。

1:使用 Elementor 创建菜单

要创建菜单,请执行以下步骤:

  • 依次选择 外观>>菜单
  • 为菜单命名
  • 指明菜单的位置
  • 通过单击按钮进行验证 保存菜单
固定并使用 Elementor 使标题透明
  • 查看群组中的页面、文章或帖子 添加菜单项
  • 点击 添加到菜单 将标记的项目添加到菜单
  • 最后点击 保存菜单
使用 Elementor 创建一个浮动且透明的标题

里拉aussi Elementor:如何在图像上方显示文本

第 2 步:从 Elementor 模板库中选择标题模板

的用户Elementor 专业人士可以访问现成的模板库,可用于设计不同的部分 网站Web. 您还可以在此处找到各种标题模板。 去做这个,

  • 先后前往 型号 >> 添加
使用 Elementor 创建一个浮动且透明的标题
  • 您将看到一个模态弹出窗口
  • 选择
  • 最后点击 创建一个模板
使用 Elementor 创建一个浮动且透明的标题

从那时起,将显示库。 默认情况下,它显示标题块。 浏览提供的模板,然后插入您感兴趣的模板。

使用 Elementor 创建一个浮动且透明的标题
使用 Elementor 创建一个浮动且透明的标题

标题模板将在 Elementor 画布中打开。

使用 Elementor 创建一个浮动且透明的标题

步骤3: 带有 Elementor 的排针

要固定标头,请执行以下步骤:

  • 点击按钮 编辑标题部分
  • 然后选择标签 先进
  • 然后 运动效果
使用 Elementor 创建一个浮动且透明的标题
  • 下拉菜单 别针 并选择值 在顶部,这将在访问者向下滚动页面时冻结您网站的标题。
  • 默认情况下,标题将自动固定在桌面、平板电脑和移动设备等媒体上
使用 Elementor 创建一个浮动且透明的标题

也浏览 Elementor:如何导出和导入模板

步骤4: 使用 Elementor 使标题透明

为此,请重复以下方法:

  • 样式>>背景>>颜色选择器
使用 Elementor 创建一个浮动且透明的标题
  • 然后改变背景的不透明度
使用 Elementor 创建一个浮动且透明的标题

如果要使标题完全透明,请通过选择类型更改背景类型 经典. 因此,由于文本颜色对比(白色),导航菜单将不可见。

使用 Elementor 创建一个浮动且透明的标题

要纠正这种情况,请执行以下操作:

  • 依次点击修改菜单 浏览 >> 款式
  • 然后在 颜色选择器
  • 选择所需的颜色(在我们的例子中,不需要更改它)。
使用 Elementor 创建一个浮动且透明的标题

完成后,您可以发布您的网页。 但在此之前,让我们看看如何将模板中的导航菜单替换为我们创建的导航菜单。 请记住,分配给我们的名称是 标题菜单 (见步骤 1):

  • 选择标签 内容
  • 然后修改 菜单 通过选择标题的名称
使用 Elementor 创建一个浮动且透明的标题

你去吧:)。

结论

在某些情况下,透明和浮动标题对您很有用。 我们希望本文能够满足您对如何使用 Elementor 创建透明和浮动标题的需求。 如果您对此主题有任何其他疑虑,请在评论中告诉我们。