如何使用 Elementor 创建粘性标题

image_print阅读模式

粘性标题是一种导航栏,即使您滚动浏览页面及其内容,它仍会停留在网站顶部。因此,您可以立即访问菜单以及搜索栏和重要链接,而不必浪费时间返回顶部。

它可以显著提升用户体验,因为您可以立即访问关键的 Web 链接和元素。如今,使用 Elementor 在 WordPress 上创建粘性标题非常容易。这是一个超级简单的页面构建器解决方案,您只需拖放即可创建各种 Web 元素。

在这篇博文中,我们将介绍如何使用 Elementor 在 WordPress 上创建粘性标题的详细分步教程。

为什么要选择 Elementor?

Elementor 教程

Elementor 是一款功能丰富、功能强大的页面构建器解决方案,让您只需拖放即可构建几乎任何类型的网站。如上所述,它甚至使初学者也可以自己创建网站,而无需编写任何代码。

它的实时编辑功能使您可以随时查看自定义内容以确保准确性。Elementor 附带了许多预先设计的模板的综合集合,因此您可以非常快速地开发网页布局的基本版本。

如果您觉得插件的小部件和工具不足以满足您的设计需求,请不要担心!您会发现十几个功能丰富的附加组件,其中包含许多高级功能和小部件,可以增强 Elementor 插件的功能。

通过将它们一起使用,您可以将您的网页设计能力提升到一个新的水平。

使用 Elementor 创建标题需要什么?

要为您的网站创建标题,您需要访问 Elementor 插件的主题构建器功能,这是一项高级功能。因此,要遵循本教程,您需要 Elementor 插件的免费版和高级版。您可以通过单击下面附加的按钮来下载它们。

Elementor 免费

Elementor 专业版

一旦这些插件在您的网站上安装并激活,请开始按照下面部分中说明的教程进行操作。

如何使用 Elementor 创建粘性标题

在本节中,我们将逐步介绍如何使用 Elementor 插件创建粘性标题。请继续关注我们。

步骤 01:进入主题生成器

转到模板 > 主题生成器 > 选择标题

会出现一个弹出窗口。您将获得一些选项来选择所需的模板类型。

前往主题生成器

您将进入新页面。单击页眉选项。

选择页眉选项

Elementor 画布将在您的屏幕上打开。单击Elementor模板库图标

转到 Elementor 模板库

Elementor 将向您展示许多免费模板和块。您还可以保存自己喜欢的模板。

选择适合您的网页设计的标题模板

步骤02:设置总体布局

要创建自定义标题,您必须决定需要什么类型的布局。

首先,单击  标题部分的 主自定义按钮来编辑侧边栏中的布局部分:

Elementor 布局

然后选择你想要的结构

页面布局

注意:我们使用上图中标记的布局来创建标题。

这是一个非常简单的步骤。您可以非常轻松地添加徽标。您可以通过两种方式进行操作。转到仪表板 > 外观 > 自定义 > 站点标识

为 elementor 添加徽标

之后,您可以选择徽标并将其设置在标题上。

如何添加徽标

在侧边栏中选择 站点徽标 块。将其拖到您想要使用的位置。

将徽标添加到 Elementor 标题

最后,将“站点徽标”拖到虚线区域后,它将自动获取您的实际徽标。

如何调整标志

在此设置中,您可以选择单击时徽标的外观,还可以在此处调整其大小和对齐方式。您可以使用样式高级选项做很多事情。

如何配置徽标

步骤 04:添加菜单

从左侧边栏中选择“导航菜单”小部件。 将其拖到标题区域,如步骤四所示。

如何添加自定义菜单

它将调整您创建的菜单。

如何在 elementor 中添加菜单

以下是您应该了解的重要事项。

编辑标题菜单
  • 菜单:选择您想要展示的菜单。您可以从外观 → 菜单中选择
  • 布局:您将获得水平、垂直或下拉
  • 对齐:左对齐、居中对齐、右对齐或拉伸以填充整个可用区域
  • 指针 – 你喜欢如何标记活动链接
  • 动画 – 你喜欢的指针外观

步骤 05:添加搜索字段

要在标题中添加搜索字段,您只需选择搜索小部件并拖动到您想要设置的位置。

Elementor 教程

在本节中,您将获得:

  • 皮肤 – 您将获得经典、简约和全屏
  • 占位符 – 您可以保留此部分或保留“搜索”等内容
  • 对齐、 大小 – 从这里对齐搜索框
编辑 Elementor 标题的位置和对齐方式

步骤 06:添加其他额外元素

为了让您的标题更具吸引力,您可以从屏幕左侧添加一个小部件。您可以尝试使用这些小部件来获得您喜欢的惊人效果。

这是小部件的屏幕截图。你可以搜索任何你想要的内容。

用于标题自定义的额外元素

使用小部件,您可以添加社交图标、页眉文本等。

步骤 07:发布标题

而且,这是最重要的部分。设计完标题后,你必须非常小心。

要应用此功能,请点击  页脚左侧的发布按钮。您将看到一个弹出窗口,询问您希望在哪里显示新的页眉。

如何在 elementor 中添加条件

此部分的基本条件是选择“整个站点”,然后点击“保存关闭”按钮。

Elementor 教程

最后,你的标题部分已经准备好了。好极了!!!

Elementor 教程

因此,通过遵循这些步骤,您可以轻松地为您的网站设计自己的标题。

观看下面的视频,了解如何在 WordPress 中创建网站标题:

https://youtube.com/watch?v=raFYH4asRfQ%3Ffeature%3Doembed
0

评论0

请先
高清无水印 16BJZ192 FQ复合保温砌块(75%节能) 华北标图集.pdf
高清无水印 16BJZ192 FQ复合保温砌块(75%节能) 华北标图集.pdf
3分钟前 有人购买 去瞅瞅看

社交账号快速登录

微信扫一扫关注
扫码关注后会自动登录网站