设置单页导航

什么是单页导航

单页导航是一个功能，可用的菜单项在你的网站标题不会改变你所处的页面。相反，它们将通过滚动到X和Pro主题中页面的适当部分链接到同一页面的部分。点击在这里通过单击网站标题上的一个菜单项，可以看到单页导航功能的现场演示。

设置单页导航的过程

设置单页导航的过程有三个部分:

1. 设置单页导航将链接到的页面部分。
2. 设置导航菜单项链接到我们创建的部分。
3. 将单页导航分配给包含各节的页面。

如何设置一页导航的部分在一个页面

你需要有一个单独的页面，它将包含一个页面的导航部分。按照以下步骤创建包含单页导航的页面:

1. 去页面>添加新添加一个页面。
2. 添加标题并保存页面。我们添加了单页导航对我们来说。
3. 单击X主题中的Cornerstone或Pro主题中的Content Builder，进入构建器视图。
4. 在页面中添加3个部分。我们添加了关于，联系而且188金宝搏官网登录-首页section在我们的例子中。点击在这里以了解有关添加节的更多信息。
5. 去定制选项卡，并为每个部分添加唯一的id。在我们的例子中，我们添加了关于，联系而且188金宝搏官网登录-首页到节的id。确保所有id都保持为小写。
6. 将您想要的元素添加到具有内容的部分中。您创建的部分将是单页导航的目标。

如何设置单页导航菜单

现在已经有了包含部分的页面，您需要添加One page Navigation菜单。按照下面的步骤来做:

1. 去外观>菜单进入菜单创建界面。
2. 按一下创建一个新菜单链接以创建新菜单并命名该菜单单页导航．
3. 方法添加菜单项自定义链接模式，并链接到您在上一节中创建的部分。
4. 在我们的例子中，我们通过添加链接到Contact部分#联系链接到URL联系到“自定义链接”部分的“链接文本”输入框。我们做了同样的关于而且188金宝搏官网登录-首页通过将菜单项链接到#阿布t和#188金宝搏官网登录-首页产品．
5. 我们用作菜单项链接的Hashtag(#)引用的是我们在创建页面时添加到各部分的id。
6. 在添加单页导航所需的所有菜单项后保存菜单。

如何分配一个单页导航菜单到一个页面

现在您已经有了One Page Navigation菜单和页面，您需要将One Page Navigation菜单分配给您创建的页面。按照下面的步骤去做:

1. 转到您创建的单页导航页编辑屏幕。
2. 检查页面设置找到“单页导航”选项。点击在这里有关页面设置的详细信息。
3. 选择前面在选项中创建的One Page Navigation菜单。
4. 恭喜你!您将“单页导航”菜单分配给“单页导航”页面，并配置了“单页导航”功能。

特殊注意事项

单页导航可以使用，不管导航条位置这是设定好的X/Pro >主题选项>标题．但是,静态顶不建议使用，因为一旦页面向下滚动超过页眉，导航就会从视图中消失。

此外，由于革命滑块插件中的某些开发实现，使用全屏滑块和单页导航可能会产生问题。这是因为当页面加载时，Revolution Slider会用JavaScript动态计算这些滑块的高度。正因为如此，为滑块设置的动态高度会打乱单页导航(One Page Navigation)设置的计算结果，并可能导致在滚动页面时突出显示错误的部分。我们已经在这个主题中实现了一个变通方案，这应该有助于规避插件所带来的这个问题，但一定要意识到这可能是你可能遇到的一种情况。

总结

现在，您已经完全了解了单页导航以及在您的站点上启动并运行该导航的三个步骤。