如何在四个热门主题中移动您的 WordPress 菜单

您是否正在尝试将WordPress 菜单移动到新位置？ 也许您想将它放在标题上方、标题下方或侧边栏中。 根据您的主题，您可以通过几种不同的方式移动 WordPress 菜单。 在本文中，我们将向您展示如何在四个流行的 WordPress 主题中移动您的 WordPress 菜单。

如何在 WordPress 中拖放菜单？

要在 WordPress 中拖放菜单，首先单击 WordPress 仪表板外观部分中的“菜单”链接。 在“菜单”页面上，您将看到为您的 WordPress 网站创建的所有菜单的列表。 在每个菜单的右侧，都有一个“管理位置”链接。 单击此链接可查看您要更改的菜单。
在“管理位置”页面上，您将看到可以显示 WordPress 站点菜单的所有位置的列表。 要更改菜单的顺序，只需将它们拖放到所需的顺序即可。 完成后，单击“保存更改”按钮。

Sajjad Hossain Sagor 发布了他的 Drag 插件的第一个版本，它允许您创建下拉菜单。 该插件使从导航菜单屏幕编辑和复制菜单项变得简单。 当您移动菜单项时，每个现有项之间会出现一个下拉框。 子菜单结构相同。 喜欢使用 Gutenberg 插件将项目添加到菜单的拖放方法的用户是一个不错的选择。 我认为这将是一个很好的接触，可以作为现有组件添加到 WordPress 中。 将来很可能无法再访问下拉菜单项。 新的导航屏幕最终将集成到 WordPress 的核心中。

如何向您的 WordPress 网站添加下拉菜单

如果要在主菜单中添加子菜单，则需要先添加一个新的子页面。 以下步骤将带您进入“添加新子页面”对话框，您可以在其中选择要创建的子菜单，输入标题并保存。 要将下拉菜单添加到主菜单，首先将子页面放在主菜单的右侧。 为此，请导航到外观并选择要移动的子页面。 从右侧的主导航链接中选择“下拉菜单”，然后再次单击“主导航”以选择下拉菜单。 通过按保存，您现在可以完成任务。

如何在 WordPress 中组织我的菜单？

假设您想要有关如何组织 WordPress 菜单的提示：组织 WordPress 菜单的一种方法是嵌套项目。 这意味着您将有一个主菜单项，其下方有子菜单项。 这是保持菜单项井井有条且易于查找的好方法。 组织 WordPress 菜单的另一种方法是使用标签。 标签是对菜单项进行分类并使它们易于查找的好方法。 您可以按位置、食物类型或您能想到的任何其他标准来标记您的菜单项。 最后，您还可以使用搜索功能来查找菜单项。 搜索功能是查找特定菜单项或查找与您要查找的内容相似的菜单项的好方法。

页面的组织方式必须使它们对您或组织来说是独一无二的。 确保访问者可以看到您最重要的常绿页面，例如“关于”页面或业务使命声明。 通过单击我的站点中的添加菜单按钮，您可以自定义菜单。 要创建新菜单，请从菜单选项中选择创建新菜单。 您可以根据您的受众使用粗体或另类的短语或总体主题，以使您的菜单标签脱颖而出。 您可以更改站点上菜单项的顺序，使标签准确地位于您想要的位置。 Tandem Trekking 是一个 WordPress.com 商业网站。

通过比较它们，您可以了解我们的计划是什么。 如果您使用的是我的站点，请导航到菜单并单击重新排序以将菜单项从列表中移动或拖动到新位置。 有许多主题可让您移动菜单并将它们显示在不同的位置。 例如，Zuki 主题提供了三个自定义菜单：两个在顶部，一个在底部，用于社交链接。

如何在 WordPress 中更改菜单样式

要开始，请转到外观。 导航到菜单，然后单击右上角的“屏幕选项”按钮。 当您单击它时，您将被带到一个带有“CSS 类”选项的下拉菜单。 您必须向下滚动要修改的菜单项，然后单击扩展按钮使其变大。

即使您的 WordPress 主题处理了导航菜单的外观，也可以使用 CSS 来自定义它们。 在本文中，您将学习如何将 WordPress 导航菜单应用到您的网站。 因为第一种方法使用了插件，所以最适合没有任何编码经验的初学者。 CSS Hero 使更改背景、排版、边框、间距和其他元素变得简单。 要使用此方法，您必须手动添加自定义 CSS。 其他 WordPress 生成的类也被添加到所有菜单和项目类型中。 您可以在这些类的帮助下自定义导航菜单。

在 WP 中，您还可以将自己的 CSS 类添加到各个菜单项。 您可以通过这种方式更改导航栏的样式和菜单，也可以修改它们。 这是使用检查工具确定您需要在浏览器中更改哪些类的最简单和最快的方法。 如果您想为您的WordPress 导航菜单的第一项和最后一项添加自定义样式，您可以在此处进行。 由于菜单的透明度，它与图像融为一体。 考虑到这一点，您更有可能让您的用户采取行动。 您可以使用以下 CSS 代码使粘性菜单在您的主题中可见。

主题的 functions.php 文件的代码片段应包含在以下步骤中。 您需要为您的第一个和最后一个导航菜单项创建.first 和.last CSS 类。 您可以选择使用哪个类来设置菜单项的样式。 有关如何实现相同效果的更多信息，请参阅我们的 CSS 选择器指南。

如何在自定义菜单中添加菜单项

要将菜单项添加到自定义菜单，请转到外观 > 菜单或自定义。 如果您有多个菜单，请使用列表选择您要编辑的菜单。 如果选择了按钮，菜单项将转换为按钮。 如果您需要保存设置，请单击保存菜单，然后继续下一个任务。 添加菜单项后，转到外观 - 自定义 - 标题 - 主要 - 顶部 - 选项 - 正常，悬停或活动以更改菜单的颜色。 要更改站点背景的颜色，请导航至外观 - 自定义 - 样式 - 背景。

WordPress导航菜单CSS

在 WordPress 中，导航菜单通常是使用自定义菜单功能创建的。 此功能允许您创建包含页面、类别和自定义链接的菜单。 然后，您可以将菜单分配到主题上的位置。 默认位置是主菜单和二级菜单。 要更改导航菜单，您需要访问定制器。 在定制器中，您需要单击“菜单”选项。 这将带您进入菜单页面，您可以在其中编辑菜单。

任何网站最重要的方面之一是导航菜单。 他们将通过适当的详细信息引导您浏览该网站。 可以通过两种不同的方式自定义导航菜单。 插件是获取内容最方便的方法，而高级用户可以使用 CSS。 以下是我们将介绍的两种方法。 如果您有一个大型网站并且需要高带宽和扩展性，VPS 托管是一个不错的选择。 您还可以通过打开 WordPress 主题的 CSS 文件并上传代码来手动添加导航。 我们基于 CSS 的WordPress 导航菜单指南的最后一步是使用 CSS 设置菜单样式。

如何更改主题中的菜单样式

要更改菜单样式，您必须先打开功能。 为您的主题创建一个新的 php 文件并将以下行放入其中： Filter ('style_menu,'style_custom_menu');br> 然后，您必须将以下参数传递给 style_custom_menu()： *br 'CSS' 表示路径到要修改的css文件； 此外，“br”代表文件名的路径。 菜单项的标题是指项目标题的词。 'Undertitle'——菜单项的标题； 出现在菜单项下方的代码。 将用作菜单项图标的图像文件的路径； 'icon' 是指图像文件的路径。 菜单项的位置； 它可以在页面的右侧找到。 “重量”是菜单项所需的重量。 “类型”是菜单项的类型。