您是否曾经浏览过网站，发现导航菜单始终在顶部可见？
原则上，导航菜单以滚动页面时消失的方式显示。 始终可见的导航菜单会浮动，因此无论用户如何向下滚动都如此。
在本教程中，我们将向您展示如何轻松地在WordPress博客上创建一个浮动菜单。
如果您还没有在 WordPress 上创建网站或博客，我们邀请您在接下来的 7 个步骤中咨询如何安装 WordPress 博客， 如何找到，安装和你的博客激活WordPress主题
如果完成，那么让我们进入今天我们所关注的问题。
1方法：如何使用插件在WordPress上添加浮动菜单
此方法更简单，更快速。 如果尚未设置导航菜单，则可以 学习如何做.
您需要做的第一件事是安装并激活插件“ 置顶菜单（或任何东西！）我们滚动 ”。 如果您不知道如何安装插件，则可以 可以阅读我们的教程.
激活后，您必须访问“ 设置»粘性菜单 配置此插件的设置。
首先，您需要输入要浮动的导航菜单的CSS ID。
您将需要使用浏览器的“检查”工具来找到所使用的CSS。
转到您的网站，然后将鼠标移至导航菜单。 之后，您必须右键单击并选择“检查”。
通过发现进一步 如何自定义与黄铅笔WordPress主题
这将划分（默认情况下）浏览器屏幕，并且您将能够看到导航菜单的源代码。 您必须找到类似于以下内容的行：
在此示例中，导航菜单的CSS ID为“ 网站导航 “。
继续，在插件设置中输入菜单的CSS ID，如下“＃site-navigation”所示。
插件设置的下一个选项是设置屏幕顶部和浮动导航菜单之间的空间。 如果菜单与不想被隐藏的项目重叠，则可以使用此设置。 否则，请忽略此设置。
之后，您需要单击选项旁边的框：“ Check Bar Admin”。 这允许插件为WordPress工具栏添加一些空间，该空间是为登录用户添加的。
如果用户使用较小的屏幕（例如移动设备）访问您的网站，则设置页面中的下一个选项可让您隐藏导航菜单。
您可以测试此菜单在移动设备和平板电脑设备上的显示方式。 如果您不喜欢它，可以在此选项上添加780px。
别忘了点击“ 保存设置 保存更改。
您现在可以访问您的网站，查看您的浮动导航菜单。
方法2：如何手动添加导航菜单
此方法需要将自定义 CSS 代码添加到您的 WordPress主题.
首先，您必须访问“ 外观>定制 启动WordPress Customizer。
点击“ 额外的CSS 在左窗格中，然后添加此CSS代码。
＃网站导航{背景：#FFF; 高度：60px; 的z-index：170; 保证金：0汽车; 底部边框：1px固体#dadada; 宽度：100％; 位置是：固定; 顶部：0; 左：0; 右：0; 文本对齐：中心; }
取代“ ＃网站导航 通过导航菜单的标识符，然后单击按钮« Enregistrer “。
现在，您可以访问您的网站，以查看正在运行的浮动导航菜单。
如果您的导航菜单通常出现在网站标题之后，则此CSS代码可能与网站标题和标题重叠。
可以使用以下代码在标题区域添加边距来轻松调整：
.site-品牌{边距：60px; }
我们的教程到此结束，现在您将可以在网站上创建或添加浮动菜单。
如果您正在寻找其他 WordPress插件 这将允许您管理菜单，这里有一些 WordPress插件 致力于此任务的溢价。
1。 菜单英雄
这个插件允许您通过几个相当简单的步骤创建自己的自定义 WordPress 菜单。 特别是，它可以让您轻松直观地创建一个优雅而专业的 WordPress 菜单。 从最复杂的功能丰富的巨型菜单，到最简单的下拉菜单， WordPress插件 HeroMenu 设置任何类型的菜单，并在几分钟内启动并运行。
就功能而言，它提供的功能包括：在PC，平板电脑和智能手机上的完美功能，易于使用，可自定义的内容，可添加自己的菜单样式的自定义CSS，大型菜单设计器，支持的浏览器：Chrome，Firefox，Safari ，Opera，IE9等。
2。 光滑的菜单
光滑的菜单 不只是WordPress的菜单插件。 它可用于以无限方式创建多个菜单级别，以及具有丰富内容，多个样式选项和动画效果的侧边栏。
每个菜单级别均可使用背景色，图像，视频，自定义字体等进行自定义。 这个插件完全响应，并且菜单项有超过45种动画。
3。 8Degree Fly菜单
8 度飞行菜单是 WordPress插件 高级版，可让您向网站添加画布菜单，以便以简单的方式突出显示您的信息。 它使用默认的 WordPress 菜单功能来创建其菜单。
您将能够在默认菜单项中添加其他元素，例如图标，菜单标语，伪分组标题和详细说明。 它还带有一个所见即所得的编辑器，可以帮助您以一种用户友好的方式掌握详细的说明，也可以使用短代码。
其他推荐资源
如果您想进一步创建或自定义博客或网站的菜单，我们还建议您参考以下链接。
结论
这里 ！ 就是本教程的内容了，希望它可以让您向WordPress博客添加一个浮动菜单。 我们邀请您参加 与您的社交网络上的朋友分享这篇文章.
如果您有任何建议或意见，我们将欢迎您。 如果您是WordPress新手， 咨询这个 资源.
...
你好，
首先，感谢您的教程非常完美！
但是，无论我多么努力地搜寻网络，都无法找到问题的答案：
一旦创建了浮动菜单（使用CSS或带有扩展名，以及其他功能）后，如何使我的部分出现在菜单之后而不是菜单后面？
在我的情况下，这特别令人讨厌，因为它是一页纸，因此菜单项是指页面的各个部分，每次都在菜单后面出现。
它跟你说话吗？
预先感谢您！
我想知道是否有可能使页面的目录“粘滞” ...
你好，
从未测试过。 我不能回答你。
您好; 嗨
我尝试了下载主题（wallstreet），但是按照您的指示进行操作时，没有任何变化……我不知道缺少了什么……
我喜欢它，但我希望可以使用它...
MERCI
劳尔
喜
尝试禁用所有其他WordPress插件，然后观看下一个显示。
谢谢你的教程，简单如你好，一切都知道！
你好，
很高兴我提供了帮助。