您想了解如何在中创建单页导航菜单吗? Elementor ?

有些网站只有一个页面(主页)。 即使您单击导航菜单项,您也会被带到同一页面的另一部分而不是另一个页面。

这种类型的目标 网站Web 是为了确保 游客 专注于您的内容。 除了内容,另一个关键要素 网站Web 到一个页面是导航菜单。 在 Elementor,创建导航菜单非常容易 网站Web 到一页。

这篇文章将告诉你如何。

为了给您一个概览,这里有一个单页网站导航菜单的示例。

在 Elementor 中创建一页导航菜单

如前所述,创建像上面这样的单页网站的导航菜单并不困难。 Elementor.

虽然有些附加组件,例如 基本附件 et 动力单元, 带有一个小部件来在页面上创建导航,您也可以在不安装附加组件的情况下创建一个。

主要思想是将菜单项指向页面的特定部分。 为此,您需要将 CSS ID 添加到要指向的部分。

另请参阅: 如何在 Elementor 中为移动菜单设置自定义位置

让我们举个例子。

假设您有一个名为“Classes”的菜单项并且您想要 游客 每次他们点击“课程”菜单项时,都会被定向到单页网站的“课程”部分。

首先,使用 Elementor 编辑页面并选择“类”部分(为方便起见,请使用浏览器)。

在 Elementor 中创建一页导航菜单

选择“类”部分后,转到选项卡 先进 从左侧面板打开块 先进. 输入CSS ID 该领域的部分 CSS ID.

在 Elementor 中创建一页导航菜单

对要用菜单项指定的其他部分重复上述步骤。

调用 CSS 标识符

您可以使用任何具有添加链接选项的 Elementor 小部件来调用您添加到部分的每个 CSS ID。 只需将 CSS id 粘贴到链接字段中。 添加“ # 作为前缀。

在 Elementor 中创建一页导航菜单

如果您想使用导航菜单小部件,您可以更改您使用的菜单。 在每个菜单项的 URL 字段中,键入带有“#”作为前缀的 CSS ID。

立即获取 Elementor Pro !!!

结论

这里 ! 这就是本文向您展示的方法 在 Elementor 中创建全屏菜单. 如果您对如何到达那里有任何疑问,请在内部告诉我们 评论.

但是,您也可以咨询 我们的资源,如果您需要更多的元素来执行创建Internet网站的项目,请参考我们关于 WordPress博客创建 或者那个 Divi:有史以来最好的WordPress主题.

但与此同时, 在您不同的社交网络上分享此文章.

...