您想了解如何在中创建单页导航菜单吗? Elementor ?
有些网站只有一个页面(主页)。 即使您单击导航菜单项,您也会被带到同一页面的另一部分而不是另一个页面。
这种类型的目标 网站Web 是为了确保 游客 专注于您的内容。 除了内容,另一个关键要素 网站Web 到一个页面是导航菜单。 在 Elementor,创建导航菜单非常容易 网站Web 到一页。
这篇文章将告诉你如何。
为了给您一个概览,这里有一个单页网站导航菜单的示例。
如前所述,创建像上面这样的单页网站的导航菜单并不困难。 Elementor.
虽然有些附加组件,例如 基本附件 et 动力单元, 带有一个小部件来在页面上创建导航,您也可以在不安装附加组件的情况下创建一个。
主要思想是将菜单项指向页面的特定部分。 为此,您需要将 CSS ID 添加到要指向的部分。
另请参阅: 如何在 Elementor 中为移动菜单设置自定义位置
让我们举个例子。
假设您有一个名为“Classes”的菜单项并且您想要 游客 每次他们点击“课程”菜单项时,都会被定向到单页网站的“课程”部分。
首先,使用 Elementor 编辑页面并选择“类”部分(为方便起见,请使用浏览器)。
选择“类”部分后,转到选项卡 先进 从左侧面板打开块 先进. 输入CSS ID 该领域的部分 CSS ID.
对要用菜单项指定的其他部分重复上述步骤。
调用 CSS 标识符
您可以使用任何具有添加链接选项的 Elementor 小部件来调用您添加到部分的每个 CSS ID。 只需将 CSS id 粘贴到链接字段中。 添加“ # 作为前缀。
如果您想使用导航菜单小部件,您可以更改您使用的菜单。 在每个菜单项的 URL 字段中,键入带有“#”作为前缀的 CSS ID。
立即获取 Elementor Pro !!!
结论
这里 ! 这就是本文向您展示的方法 在 Elementor 中创建全屏菜单. 如果您对如何到达那里有任何疑问,请在内部告诉我们 评论.
但是,您也可以咨询 我们的资源,如果您需要更多的元素来执行创建Internet网站的项目,请参考我们关于 WordPress博客创建 或者那个 Divi:有史以来最好的WordPress主题.
但与此同时, 在您不同的社交网络上分享此文章.
...