如何使用 Elementor 创建粘性标题

You can post here about all the email list
Post Reply
rajaraniraji51
Posts: 1
Joined: Sat Nov 04, 2023 7:54 am

如何使用 Elementor 创建粘性标题

Post by rajaraniraji51 »

标头通常是用户访问您的网站时首先看到的内容,也是用户浏览您网站的方式的支柱。 无论您有电子商务网站、个人网站、教育网站、社区论坛还是媒体网站。它的标题使其易于导航并且使用起来很愉快。 如今,我们可以看到许多网页设计师采用粘性标题来排列和构建网站,以实现更好的用户导航。在我们的一篇文章中,我们已经讨论了使用 Elementor 创建自定义标头是多么容易。 在本文中,我们将向您展示如何使用Elementor创建您自己的粘性标题。 如果您不知道,使用 Elementor,您可以为您的网站创建粘性标题,而无需使用任何代码。 让我们开始吧! 目录 如何使用 Elementor 创建粘性标题 第 1 步:创建菜单 第 2 步:在 Elementor 中创建标头 步骤 3:在 Elementor 中创建标头模板 第 4 步:如何使 Elementor 标题具有粘性。 使用自定义 CSS 让您的 Elementor 粘性标题更加时尚 为 Elementor 用户提供不同的标题设计选项 结论 如何使用 Elementor 创建粘性标题 粘性标题允许网站用户访问页面的标题和菜单部分,无论他们向下滚动多少。 第 1 步:创建菜单 要首先向您的网站添加粘性标题,您需要在wp-admin > 外观 > 菜单中创建主菜单。添加您想要在标题中显示的部分。

Elementor 上的主菜单屏幕截图 第 2 步:在 Elementor 中创建标头 创建主菜单后,转到Elementor Templates > Theme Builder。在主题构建器页面中,选择标题部分,然后单击“添加新标题”。 主题生成 危地马拉手机号码列表 器元素设置 创建您的第一个标题元素设置 在弹出屏幕上,为标题模板命名,然后单击“创建模板”。 在 Elementor 中创建模板设置 之后,您将被重定向到 Elementor 编辑器页面。您可以在此处选择预构建的标题模板或从头开始创建自己的标题模板。 在本指南中,我们将从头开始创建 Elementor 粘性标题。 在我们开始创建模板之前,您可以在 Elementor 编辑器中看到一些标题小部件。使用这些部分,我们可以快速轻松地创建标题。 Elementor 标题小部件 步骤 3:在 Elementor 中创建标头模板 添加两列结构。确保该部分的内容宽度为“盒装”。 Elementor 标头结构设置 Elementor 编辑部分内容宽度设置 在“编辑”列下,将第一列宽度设置为20%。

Image

编辑列设置 现在将您网站的网站徽标添加到第一列,然后选择左对齐。 添加标题徽标元素或设置 在第二列中,添加导航菜单并选择您在步骤 1 中创建的主菜单。将导航菜单与右侧对齐。 添加导航菜单元素或设置 对于本指南,我们将创建一个简单的标题。您可以通过添加背景颜色、悬停动画效果、按钮等来为标题创建更详细的设计。 第 4 步:如何使 Elementor 标题具有粘性。 创建基本的 Elementor 标头后,现在是时候将其设为粘性标头了。 为此,请单击“编辑”部分(整个标题部分)。转至高级 > 动态效果。 添加动作效果说明 在动效下,选择“置顶”,然后选择要显示置顶标题的“设备” ,然后点击“发布”按钮。 添加粘性到顶部设置说明 发布后,Elementor 会要求您为标头添加条件。基本上,通过添加条件,您可以在网站上的任何位置显示标题。 这里我们想在整个网站上显示这个标题,不包括 404 页面。因此,我们将整个网站包含在下拉列表中,并排除了 404 页面。
Post Reply