菜单

是否要将WordPress导航菜单添加到您的帖子或页面？ 默认情况下，您只能在WordPress主题设置的位置显示菜单。然而，有时您可能需要将菜单添加到特定的帖子或页面，甚至在页面内容中显示菜单。 在本文中，我们将向您展示如何在帖子和页面中添加WordPress导航菜单。 菜单的确切位置取决于您的WordPress主题。大多数主题允许您在多个区域显示菜单，但有时您可能需要向帖子或页面添加导航菜单。 例如，您可能想要添加一个链接到特定销售页面上提到的所有产品的唯一菜单。 你也可以使用菜单来显示你的WordPress博客上的相关文章。通过将此导航菜单放在博客文章的末尾，您可以鼓励读者查看更多您的内容。 话虽如此，让我们看看如何将WordPress导航菜单添加到任何帖子或页面。只需使用下面的快速链接，即可直接跳转到您要使用的方法： 方法1：使用WordPress导航块(最适合个人页面和帖子)方法2：使用完整的网站编辑器(仅限块主题)方法3：创建自定义WordPress主题(更具定制化) 在弹出窗口中，键入“导航”。 当右边的区块出现时，点击它将其添加到页面或帖子中。 默认情况下，导航区块将显示您的一个菜单。 如果你想添加一个不同的菜单，那么打开“阻止”标签。然后，您需要选择“列表视图”标签。 在这里，你可以点击“菜单”旁边的三个圆点。 然后，只需选择您要使用的菜单即可。 有时，您可能希望通过添加更多链接来自定义菜单。例如，如果您经营一家在线商店，那么您可能会链接到该页面上提到的所有产品。 若要继续并向导航菜单添加链接，请单击“列表视图”选项卡中的“+”图标。 这将打开一个带有不同选项的弹出窗口。 若要添加指向网站上任何页面的链接，只需点击“页面链接”即可。 现在，您可以从下拉菜单中选择页面，也可以开始输入页面标题。当右侧页面显示时，单击将其添加到菜单中。 要向导航菜单添加更多页面，只需重复上述相同的过程。 你也可以将社交图标添加到WordPress菜单中，这将鼓励人们在、、YouTube、LinkedIn等网站上关注你。 若要开始，请单击“列表视图”选项卡中的“+”图标。这一次，选择“社交图标”。 这将添加一个新区域，您可以在其中添加社交图标。 要开始，请点击新的‘+点击+添加’部分。 现在，选择您要链接到的社交媒体网络。 例如，您可以选择“”在WordPress中推广您的页面。 之后，您将需要配置社交图标。 具体步骤将因社交网络而异。然而，你通常需要点击选择图标，然后输入你的社交媒体个人资料的URL。 只需重复这些步骤，即可在导航菜单中添加更多社交图标。 最后，您可能想要在您的WordPress菜单中添加搜索栏，以帮助人们找到感兴趣的页面、帖子、产品等。 WordPress有一个内置的搜索功能，但它是基本的，并不总是提供准确的结果。这就是为什么我们推荐使用WordPress搜索插件来改进您的站点搜索。 更好的是，如果你选择像SearchWP这样的高级插件，那么它将取代默认的WordPress搜索。配置插件后，您站点上的所有搜索框都将自动使用SearchWP，包括导航菜单中的任何搜索框。 无论你是在使用内置的WordPress功能还是像SearchWP这样的高级插件，只需选择“搜索”即可在菜单中添加一个搜索栏。 当您对菜单的内容感到满意时，您可能想要更改其外观。 您可以通过选择“设置”选项卡来更改菜单的布局，包括其对齐和方向。 之后，您可以通过选择“Styles”选项卡来更改背景颜色、文本颜色、排版等。 进行更改时，实时预览将自动更新。这意味着你可以尝试很多不同的设置，看看哪种设置最适合你的WordPress博客。 你可以配置更多的设置，但这就是为帖子或页面添加一个有用的WordPress导航菜单所需的全部设置。 专业提示：如果您计划在多个页面和帖子中使用相同的导航菜单，那么在WordPress块编辑器中将其转换为可重用块是明智的。这可以为你节省大量的时间和精力。 当您准备好激活导航菜单时，只需点击“更新”或“发布”按钮即可。 现在，如果你访问这个页面或帖子，你会看到导航菜单在运行。 默认情况下，编辑器将显示您的主题的主页模板。 若要在WordPress页面或帖子中添加导航菜单，请点击左侧菜单中的“模板”。 现在，编辑器将显示构成WordPress主题的所有模板。 若要为您的WordPress博客文章添加导航菜单，请选择“Single”模板。如果你想给你的页面添加一个菜单，那么选择‘Page’模板。 WordPress现在将显示您选择的模板的预览。 要编辑此模板，请继续并单击小铅笔图标。 完成后，点击左上角的蓝色‘+’图标。 在出现的搜索栏中，键入“导航”。 当右侧块出现时，将其拖放到您的模板上。 默认情况下，该块将显示您的一个菜单。如果你想添加一个不同的菜单，那么点击“阻止”标签。之后，选择“列表视图”。 现在你可以点击“菜单”旁边的三个点来查看你在WordPress网站上创建的所有菜单。 只需从列表中选择任意菜单即可。 完成后，您可以按照方法1中的步骤向菜单中添加更多页面、添加搜索栏等。 当你对导航菜单的外观感到满意时，点击“保存”按钮将其激活。现在，如果你访问你的网站，那么你会在你所有的WordPress页面或帖子上看到相同的导航菜单。 […]

是否要将图像图标添加到WordPress导航菜单？ 图片可以帮助访问者一目了然地了解网站的导航。您甚至可以使用图标来突出显示菜单中最重要的内容或行动号召。 在本文中，我们将向您展示如何在WordPress的导航菜单中添加图像图标。 如果你的菜单有很多不同的选项，那么图像图标可以让访问者更容易地扫描内容并找到他们想要的东西。这可能是一种增加页面浏览量和降低WordPress跳出率的简单方法。 您甚至可以使用图像图标来突出显示最重要的菜单项，例如您的在线市场中的Checkout链接。 通过突出显示菜单中的行动号召，您通常可以获得更多注册、销售、会员和其他转换。 话虽如此，让我们看看如何将图片图标添加到WordPress导航菜单中。只需使用下面的快速链接，即可直接跳转到您要使用的方法： 方法1：使用插件将图像图标添加到导航菜单(快速而简单)方法2：使用代码将图标添加到WordPress菜单(更具定制化) 如果你已经在你的网站上设置了字体，那么你可以使用菜单图像轻松地将这些图标添加到你的导航菜单中。有关如何安装Font Awesom的更多信息，请参阅我们关于如何轻松地将图标字体添加到WordPress主题的指南。 另一种选择是使用WordPress媒体库中的图像或图标。 您需要做的第一件事是安装并激活菜单图像插件。有关更多详细信息，请参阅我们关于如何安装WordPress插件的分步指南。 激活后，请单击菜单图像在WordPress仪表板中。在此屏幕上，您可以选择是否接收安全和功能通知，或单击“跳过”按钮。 这将把你带到一个屏幕，在那里你可以配置插件的设置。首先，您将看到可以用于图像图标的所有不同大小。 如果您计划使用字体强大的图标或仪表盘图标，则菜单图像将自动调整它们的大小。但是，如果您使用媒体库中的图像，则需要手动选择大小。 该插件支持默认的WordPress图像大小，如缩略图、图像和大图。它还添加了默认情况下设置为24×24、36×36和48×48像素的三个唯一大小。 这些设置应该适用于大多数网站，但您可以通过在第一、第二或第三菜单图像大小中输入不同的数字来使图标变大或变小。 当你在菜单中添加图标时，默认情况下你会看到一个“鼠标悬停时的图像”字段。这允许您在访问者将鼠标悬停在菜单项上时显示不同的图标。 请注意，此设置仅在您使用自己的图像时才可用。如果你打算使用仪表盘图标或字体精美图标，你不必担心‘悬停图像’功能。 显示不同的图标可以帮助访问者查看他们在导航菜单中的位置。如果您的菜单有许多不同的项目，这一点尤其有用。例如，您可以使用不同的颜色或图标大小来突出显示当前选定的项目。 如果你想创建不同的悬停效果，那么一定要勾选“在悬停区域启用图像”。 完成此操作后，请单击“保存更改”以存储您的设置。 要将图标添加到导航菜单，请转到外观»菜单。默认情况下，WordPress会显示你网站的主菜单。 如果您想编辑不同的菜单，只需打开“选择要编辑的菜单”下拉菜单，然后从列表中选择一个菜单即可。之后，点击“选择”。 现在，将鼠标悬停在要添加图标的第一个菜单项上。当“菜单图像”出现时，点击一下。 现在，您可以决定是使用自己的图像，还是选择现成的图标，如Font Awese图标。 要使用现成的图标，请点击“图标”旁边的单选按钮。 然后，您可以单击以选择任何仪表盘图标或字体超赞图标。 你想用你自己的图片来代替吗？然后选择“图像”旁边的单选按钮，并点击“设置图像”链接。 现在，您可以从WordPress媒体库中选择图像，也可以从您的计算机上载新文件。 如果你选中了插件设置中的“启用悬停图像字段”，那么你还需要点击“将图像设置为悬停图像”。 现在，选择当用户将鼠标悬停在此菜单项上时要显示的图像。 有时，您可能希望忽略此设置，而无论如何都显示相同的图标。要做到这一点，点击“在悬停时设置图像”，然后选择完全相同的图标。 如果不选择图像，则当访问者将鼠标悬停在其上时，该图标将完全消失。 之后，打开图像大小下拉菜单并从列表中选择一个大小。 对所有图标使用相同的大小往往会使菜单看起来更有条理。然而，有时在最重要的项目上使用较大的图标是个好主意。 例如，如果你使用像WooCommerce这样的插件创建了一家在线商店，那么你可以使用一个更大的图标来表示“Checkout”，这样它就会显得很突出。 当您对图标感到满意时，就可以查看菜单项的标签了。默认情况下，插件在图标后显示标题标签。 要更改这一点，请选择“标题位置”部分中的任一单选按钮。 另一种选择是完全删除导航标签，并创建一个仅图标菜单。如果你的菜单上有很多菜，这会让它看起来不那么凌乱。 然而，只有当每个图标的含义显而易见时，您才应该隐藏标签。如果不清楚，那么访问者将很难浏览您的WordPress博客或网站。 若要继续并隐藏标签，请选中“无”旁边的单选按钮。 如果您对菜单项的设置感到满意，请点击“保存更改”。 要将图标添加到其他菜单项，只需按照上述相同过程操作即可。 完成后，别忘了点击“保存菜单”按钮。现在，如果你访问你的WordPress网站，你会看到更新后的导航菜单。 在你开始之前，继续上传你想要作为你的图标的所有图片文件。这些可能是库存照片、在线找到的免版税图像或使用Canva等应用程序创建的定制图形。 将每个图片添加到WordPress媒体库后，确保复制其URL并将其粘贴到记事本之类的文本编辑器中。在下一步中，您将需要所有这些链接。 要找到图片的URL，只需在WordPress媒体库中选择它，然后查看“文件URL”字段。 有关更详细的说明，请参阅我们关于如何获取您在WordPress中上传的图片的URL的指南。 在那之后，你需要去外观»菜单。 接下来，打开“选择要编辑的菜单”下拉菜单，然后选择要在其中添加图像图标的菜单。 在此之后，继续并点击“选择”。 接下来，你需要通过点击“屏幕选项”来启用定制的css类。 在出现的面板中，选中“css类”旁边的框。 […]

你想在你的WordPress网站上添加一个超大菜单吗？ 超大菜单允许您将数十个甚至数百个链接排列成用户友好的列和行。然后，您可以添加丰富的内容，如图片和视频，使您的巨型菜单更有帮助。 在这篇文章中，我们将向你展示如何一步一步地在你的WordPress网站上添加一个超级菜单。 超级菜单还可以向访问者显示丰富的内容，如视频、文本、搜索和最近发布的帖子。 您还可以添加图像，从而使大型菜单更易于扫描。 也就是说，让我们看看如何轻松地向您的WordPress网站添加一个大型菜单。 您还可以通过添加不同的颜色、更改字体大小和使用不同的图标来设置超级菜单的每个部分的样式。 首先，您需要安装并激活该插件。如果你需要帮助，请参考我们关于如何安装WordPress插件的指南。 在您的WordPress网站上启用Mega菜单 激活后，请转到Mega Menu？菜单位置查看您可以添加大型菜单的所有不同区域。 根据WordPress主题的不同，您可能会看到不同的选项。 首先，你需要在你想要使用它们的每个地方启用超大菜单。 要做到这一点，只需点击展开一个位置，然后选中其“已启用”框。 在此之后，您可以更改打开超级菜单的“事件”。 默认设置是“悬停意图”，这意味着访问者必须将鼠标悬停在超级菜单上几秒钟才能触发它。这对大多数WordPress网站都很有效，但你也可以打开“效果”下拉菜单，选择“悬停”或“点击”。 如果你选择“点击”，那么访问者将需要点击来浏览超大菜单。如果你担心游客可能会意外触发菜单，这可能会很有用，这可能会让人沮丧。 与此同时，只要访问者将鼠标移到菜单上，“Hover”就会打开你的超级菜单。这可以鼓励访问者探索你网站的不同区域，所以你可能想要在登陆页面或网站主页上使用‘Hover’。 做出这一决定后，您可以使用“效果”设置更改菜单的打开方式。 Max Mega菜单有不同的动画可供尝试，包括淡入淡出和向上滑动。您还可以更改动画的速度。通过尝试不同的动画，你可以创建一个吸引访问者注意力的巨型菜单。 如果你不想使用任何动画，只需打开第一个下拉菜单并选择“无”即可。 默认情况下，Mega Menu不在移动设备上使用动画，因为智能手机和平板电脑的处理能力通常较低。然而，如果你想为移动访问者创建一个独特的动画，那么你可以使用‘Effect(Mobile)’区域的设置。 如果你想在移动设备上测试你的超大菜单，那么看看我们关于如何在桌面上查看WordPress网站的移动版本的指南。 如果您从‘Event’(事件)下拉菜单中选择了‘Click’(点击)，则确保您接下来选择了‘Advanced’(高级)标签。 在这里，你可以使用“点击事件行为”来定义当访问者点击你的超级菜单时发生的事情。例如，第二次单击可能会关闭菜单或打开新链接。 你可以查看更多的设置，但这对大多数WordPress博客和网站来说应该足够了。 如果您对插件的配置方式感到满意，请点击“保存更改”。 要在更多位置启用超大菜单，只需按照上述相同流程操作即可。 自定义网站上超级菜单的外观 下一步是配置巨型菜单在您网站上的外观。 您可以通过选择屏幕左侧的“菜单主题”选项卡来完成此操作。 在此屏幕上，您可以更改箭头图标的方向、使用不同的行高、添加阴影等。 当你对自己的设置感到满意时，别忘了点击“保存更改”。 如果你想随时删除这些更改，只需勾选“重置窗口小部件样式”框，然后点击“保存更改”即可。 接下来，您可以自定义菜单栏，这是当菜单处于默认折叠状态时访问者看到的栏。 要进行这些更改，请单击“菜单栏”选项卡，然后使用设置来更改背景颜色、填充、边框半径等。 您甚至可以通过在“菜单背景”部分选择两种不同的颜色来创建颜色渐变。 如果向下滚动，则可以更改顶级菜单的外观。 这是第一行项目，当超级菜单处于折叠状态时可见。 由于它们如此重要，您可能想要让顶级菜单项脱颖而出。 例如，在下图中，我们使用了不同的背景颜色。 在“悬停状态”部分，您可以突出显示当前选定的顶级菜单项。 例如，在下图中，我们使用的是下划线效果。 这可以帮助访问者看到他们在菜单中的位置，这使得它对于需要拥有大型菜单的网站特别有用。 如果您确实添加了悬停状态，则滚动到屏幕底部并选中“突出显示当前项目”框。 在此之后，您可以更改子菜单的外观。 这是显示在顶级父级下的菜单，如下图所示。 若要自定义子菜单，请单击“Mega Menus”标签。 现在，您可以使用这些设置来更改子菜单的背景颜色、增加半径以创建曲线拐角、添加填充等。 您可以使用小工具将内容添加到您的大型菜单中。例如，您可以添加一个Gallery小部件并显示您最受欢迎的WooCommerce产品，或者在Mega菜单中嵌入一个标签云。这些小工具可以提供额外的信息，或者鼓励访问者点击某些菜单项。 你可以通过滚动到“窗口小部件”部分来定制这些窗口小部件的外观。例如，您可以更改小部件标题的颜色、增加字体大小、添加填充并调整对齐方式。 在此屏幕上，您还可以自定义二级菜单项和三级菜单项在您的网站、博客或在线市场上的外观。这些是顶级菜单项的子项。 […]

你想在WordPress中创建一个垂直导航菜单吗？ 导航菜单可以水平或垂直显示。然而，在WordPress中使用垂直菜单有很多优势，因为它们更适合你网站的侧边栏，而且更容易在移动设备上导航。 在本文中，我们将向您展示如何在WordPress中轻松创建垂直导航菜单。 导航菜单给出您的站点结构，并帮助访问者找到他们正在寻找的内容。你可以添加到你最重要的页面、类别或主题、WordPress博客文章的链接，甚至可以添加自定义链接，比如你的社交媒体个人资料。 但是，虽然你经常看到它们被水平放置在网站的顶部，但垂直导航菜单有许多用途和优势。 垂直导航菜单在页面上占用的空间更少，更易于扫描和导航，可以放置在侧边栏、页脚，甚至作为弹出窗口，使其更加灵活。 例如，如果您有一个在线商店，那么使用垂直导航菜单将允许您在不占用太多空间的情况下显示更多的产品类别和产品。 话虽如此，让我们来看看在WordPress中创建垂直导航菜单的几种方法。以下是我们将在本文中讨论的主题： 尝试不同的菜单显示位置向边栏添加垂直导航菜单在帖子或页面上创建垂直导航菜单使用完整的网站编辑器添加垂直导航菜单使用主题构建器插件创建垂直导航菜单为移动设备创建响应式垂直导航菜单在WordPress中创建下拉菜单在WordPress中创建Mega菜单 您只需选择想要垂直显示的菜单，然后选中屏幕底部的“桌面展开菜单”框即可。 在那之后，你必须确保点击“保存菜单”按钮来保存你的设置。这是我们的演示网站上的样子。 有关编辑菜单和菜单位置的更多信息，您可以查看我们的初学者指南，了解如何在WordPress中添加导航菜单。 之后，您可以为小部件命名，并从下拉菜单中选择要显示的菜单。最后，点击顶部的“更新”按钮来存储您的设置。 以下是我们的演示WordPress博客上垂直侧栏菜单的外观。 接下来，选择要显示的菜单。只需点击工具栏上的“选择菜单”按钮，然后选择所需菜单即可。 最后，您需要查看右侧面板中的块设置。 在那里，您将找到两个用于菜单方向的按钮。您需要单击向下箭头按钮以垂直调整菜单方向。 完成后，请单击“发布”或“更新”按钮以存储您的设置。 现在，您将在右侧的面板上看到用于定制导航菜单的不同选项。 其中一个选项是以水平方向还是垂直方向显示菜单。只需点击垂直方向的向下箭头即可创建垂直菜单。 有关更多信息，请参阅我们关于如何在WordPress中添加导航菜单的指南。 最后，点击“保存”按钮保存您的设置。现在，您已向站点添加了垂直导航菜单。 之后，您可以使用SeedProd创建一个定制的WordPress主题。 创建自定义WordPress主题 导航到SeedProd主题构建器SeedProd»主题生成器佩奇。在这里，您将使用SeedProd的一个现成主题作为起点。这将用一个新的定制设计替换您现有的WordPress主题。 你可以通过点击‘Themes’按钮来完成。 然后，您将看到一个为不同类型的网站专业设计的主题列表。例如，有名为“现代商业”、“营销机构”和“抵押贷款经纪人主题”的模板。 查看这些选项，然后通过单击复选标记图标选择最符合您需求的选项。 一旦您选择了一个主题，SeedProd将生成您需要的所有主题模板。在我们关于如何轻松创建自定义WordPress主题的指南中，您可以了解如何自定义这些模板。 将垂直导航菜单添加到站点模板 现在，您可以使用SeedProd向您的任何主题模板添加垂直导航菜单。在本教程中，我们将向博客索引模板添加一个菜单。 您需要将鼠标悬停在该模板上，然后单击“编辑设计”链接。 这将打开SeedProd的拖放页面构建器，在那里你会在右边看到你的网站的预览，在左边看到一个块面板。 从这里，向下滚动方块，直到您到达高级部分。 一旦你找到导航菜单块，你应该把它拖到你的侧边栏或任何你想要显示导航菜单的地方。默认情况下，菜单中只有一项，即‘About’。 现在，您需要更改菜单的设置。要执行此操作，请单击菜单，可用选项将显示在左栏中。 目前，选择了“简单”菜单类型。这允许您在SeedProd中构建自己的导航菜单。 然而，在本教程中，我们将点击‘WordPress Menu’类型来使用WordPress导航菜单。 最后，你需要点击“高级”标签。在这里，您可以选择垂直或水平调整列表布局的方向。 当你点击“垂直”按钮时，你会注意到预览立即变成垂直导航菜单。 别忘了点击屏幕顶部的“保存”按钮来保存你的垂直菜单。 要了解如何使您的导航菜单更易于在移动设备上使用，请参阅我们的指南，了解如何在WordPress中添加全屏响应菜单。 要在您的网站上显示下拉导航菜单，您需要选择一个支持下拉菜单的主题。之后，您需要创建导航菜单，然后将子项添加到一些菜单项。 你可以在我们的初学者指南中一步一步地学习如何在WordPress中创建下拉菜单。 你可以在我们的指南中了解到更多关于如何向你的WordPress站点添加大型菜单的信息。 我们希望这篇教程能帮助你学习如何在WordPress中创建垂直导航菜单。您可能还想学习如何开始自己的播客或查看我们的专家比较最好的域名注册商。 中国和中国都是如此。

是否要在WordPress中隐藏移动菜单？ 大多数WordPress主题会自动将默认导航菜单转换为移动友好菜单。但是，您可能希望向使用智能手机或平板电脑访问您的站点的用户显示不同的菜单。 在本文中，我们将向您展示如何轻松隐藏WordPress中的默认移动菜单，以便您可以显示自定义菜单。 在本教程中，我们将介绍两种不同的方法，您可以使用下面的快速链接跳转到您要使用的方法： 方法1：使用插件隐藏WordPress中的移动菜单方法2：使用CSS代码隐藏移动菜单 在下一个屏幕上，您需要输入菜单的名称。这是一个好主意，使用一些东西，可以帮助你以后识别菜单，如‘手机菜单’。 之后，你可以选择所有你想要添加到手机菜单中的帖子和页面。 有关更详细的说明，请参阅我们关于如何在WordPress中创建导航菜单的指南。 当你对菜单的设置感到满意时，别忘了点击“保存菜单”按钮来保存你的更改。 完成后，是时候安装并激活WP Mobile菜单插件了。有关更多详细信息，请参阅我们关于如何安装WordPress插件的分步指南。 激活后，请转至移动菜单选项以配置插件设置。 在这里，你必须滚动到页面的底部，并选择是在屏幕的左侧还是右侧显示移动菜单，使用“Enable Left/Right Menu”切换。 接下来，打开“Choose One Menu”下拉菜单并选择您之前创建的移动菜单。 之后，只需点击“保存更改”即可。 有很多方法可以微调移动菜单的外观。例如，您可以选择“字体选项”，然后更改字体大小、粗细、间距等。 您还可以选择“页眉样式”并更改移动页眉的外观和行为。 例如，您可以添加阴影、更改标题高度、创建粘滞导航菜单等。 这些设置中的大多数都很简单，所以你可以浏览它们，看看你可以创造出哪些不同的效果。 如果你对手机菜单的设置感到满意，只需点击“保存更改”即可。 现在您已经设置了插件，下一步是通过转到告诉WordPress在哪里显示移动菜单外观»菜单。 如果尚未选中，则打开“选择要编辑的菜单”下拉菜单，然后选择您之前创建的移动菜单。 然后，在“菜单设置”下，您必须选择“左移动菜单”或“右移动菜单”，具体取决于您想要显示菜单的位置。 之后，只需点击“保存菜单”即可。 现在，要么在移动设备上访问您的网站，要么从桌面上查看您的WordPress网站的移动版本。您应该会看到定制的移动菜单。 默认情况下，该插件会自动隐藏大多数流行的WordPress主题使用的菜单元素。这意味着你的主题的默认移动菜单应该被隐藏，而你不需要做任何事情。 但是，如果默认移动菜单仍在显示，则需要转到移动菜单选项»常规选项»可见性选项在WordPress仪表板中。 在这里，点击“查找元素”按钮。 这将打开您的网站的移动版本。 在此弹出窗口中，单击以选择要在移动设备上隐藏的内容，例如您的WordPress主题提供的菜单。 这会将内容的css类添加到‘Hide Elements’字段。 完成此操作后，请单击“保存更改”。现在，主题菜单应该不再出现在移动设备上。 您的浏览器屏幕现在将一分为二，您将看到网页的代码。 然而，这个导航菜单不是我们需要瞄准的，因为我们可以在桌面屏幕上看到它。 谢天谢地，有一种简单的方法可以调出手机菜单。 只需拖动浏览器的一角使其变小，直到WordPress将桌面导航菜单替换为移动菜单。 现在，您需要确定移动导航菜单使用的标识符和css类。只需将鼠标移到源代码上，直到您的浏览器突出显示菜单区域。 获得此信息后，您可以使用代码隐藏移动设备上的菜单。 通常，WordPress指南会要求您将定制代码添加到您的.unctions.php文件中。然而，这对用户不是很友好，即使是代码中的一个小错误也会导致各种常见的WordPress错误。自定义代码甚至可能会完全破坏您的网站。 相反，使用WPCode添加自定义代码会更安全。 这个免费的插件可以很容易地在WordPress中添加自定义的css、php、html等，而不会让你的网站处于危险之中。您可以简单地将插件的代码粘贴到WPCode的编辑器中，然后通过单击按钮来激活和停用代码。 要开始，您需要安装并激活WPCode。有关更多信息，请参阅我们关于如何安装WordPress插件的分步指南。 在此之后，请转到代码段？添加代码段？在WordPress仪表板中。 在这里，您将看到可以添加到站点的所有预制代码片段。其中包括一个片段，它允许你完全禁用评论，上传WordPress通常不支持的文件类型，禁用附件页面，等等。 要将css添加到您的站点，只需将鼠标悬停在“添加您的自定义代码”上，然后选择“使用代码片段”。 首先，键入代码片段的标题。这可能是帮助您识别WordPress仪表板中的代码片段的任何东西。 完成后，打开“代码类型”下拉菜单并选择“css”。 之后，您可以将以下代码粘贴或键入到代码编辑器中： 现在，你的主题移动菜单将隐藏在智能手机和平板电脑上。 2.使用CSS隐藏移动菜单中的特定菜单项 […]

是否要将WordPress注销链接添加到您的站点？ 如果您使用WordPress运营会员网站、bbPress论坛、电子商务商店或学习管理系统(LMS)，拥有可见且可访问的注销链接对您的用户很有帮助。 在本文中，我们将向您展示如何将WordPress注销链接添加到您的导航菜单以及站点的其他区域。 如果您或您的站点管理员已禁用WordPress管理栏，则您将无法看到WordPress注销链接。 好消息是，可以直接访问WordPress注销链接来注销您当前的WordPress会话。 WordPress站点的注销链接如下所示： http://example.com/wp-login.php?action=logout 别忘了用你自己的域名替换Example.com。 您可以在浏览器窗口中直接访问此链接以注销您的WordPress站点。 当你访问WordPress注销链接时，它会把你带到一个警告页面。您需要单击注销链接以确认您确实要注销。 您也可以在WordPress网站的任何位置手动添加此注销链接。让我们来看看如何做到这一点。 一旦你完成了，点击‘添加到菜单’按钮，你会注意到链接出现在右栏。您可以通过简单地向上或向下拖动它来调整其位置。 别忘了点击“保存菜单”按钮来保存你的更改。 您现在可以访问您的WordPress博客，查看导航菜单中的注销链接。 在菜单中添加注销链接的问题是，它对所有用户(登录和注销)都是可见的。只有向实际登录的用户显示注销链接才有意义。 您可以按照我们关于如何向登录用户显示不同菜单的说明来执行此操作。 有些人发现Meta小部件中的其他链接没有那么有用。 作为替代方案，您也可以添加纯文本或带有纯HTML格式的注销链接的自定义HTML小部件。以下是您需要添加的HTML代码： <a href=”http://example.com/wp-login.php?action=logout”>Logout</a> 在你点击“保存菜单”并查看你的WordPress网站后，你会在菜单中看到这个链接。 它应该是这样的。 当你点击它时，它会把你带到一个页面来登录，或者如果你已经登录了，它会把你注销。 这种方法也适用于WooCommerce、MemberPress和其他WordPress电子商务平台。 我们希望本文能帮助您找到直接的WordPress注销链接，并将其添加到您的导航菜单中。你可能还想看看我们关于如何在WordPress中添加呼叫按钮的指南，或者我们的专家为WordPress挑选最好的社交媒体插件。 中国和中国都是如此。

是否要在WordPress中导入和导出导航菜单？ 默认的WordPress导入/导出功能允许您将菜单从一个网站移动到另一个网站，作为整个网站传输的一部分。但是，它不允许您单独导入和导出菜单。 在本文中，我们将向您展示如何在WordPress中轻松导入和导出导航菜单，而无需进行全站点传输。 如果您转到导出页面，则会看到默认选项。 在这里，您可以选择导出所有内容或仅导出您的帖子、页面或媒体。 如果你选择“所有内容”，那么WordPress将输出你的所有页面和帖子，以及你的评论、自定义域、术语、定制帖子类型和导航菜单。 但是，有时您可能只想导出导航菜单。例如，您可能要为新产品创建一个姊妹网站，但希望保持相同的设计。 在这种情况下，您可以进行完整的站点转移，然后从姐妹网站删除不需要的内容。然而，这将花费大量的时间和精力。 考虑到这一点，让我们看看如何在不导出其余内容的情况下将导航菜单复制到新的WordPress博客中。 有关如何更改菜单的更多信息，请参阅我们关于如何在WordPress中添加导航菜单的详细指南。 接下来，您需要安装并激活WPS菜单导出器插件。有关更多详细信息，请参阅我们关于如何安装WordPress插件的分步指南。 激活后，您需要转到工具»导出在您的WordPress管理仪表板中。 您将看到一个用于导出导航菜单项的新选项。这将包括菜单本身，以及菜单中链接的所有内容。该插件还将输出在这些帖子上留下的任何评论。 要导出此内容，只需选择“导航菜单项”单选按钮，然后单击“下载导出文件”按钮。 这将下载导航菜单，以及所有链接的页面和评论。 所有这些内容都存储在一个名为的.xml文件中Site.wordpress.yyyy-mm-dd，其中“site”是您网站的名称，“yyyy-mm-dd”是您创建下载的日期。 安装WordPress导入器后，你应该会看到一个新的‘运行导入器’链接。 你可以继续点击这个链接。 在导入WordPress屏幕上，你必须点击‘选择文件’按钮，然后选择你之前下载的.xml文件。 然后，继续点击“上传文件并导入”按钮。 在下一个屏幕上，系统将要求您将导入的内容分配给作者。 如果你运行一个多作者的WordPress博客，那么你可以打开‘Assign Post to an Existing User’下拉菜单并从列表中选择一个作者。 另一种选择是通过在‘Create New User…’中键入登录名，为该内容添加新用户或作者菲尔德。 如果您正在与菜单一起导入页面，那么您还需要选中“下载并导入文件附件”框，以确保导入中包含任何图像。 当您对导入的设置方式感到满意时，请单击“提交”按钮。 片刻之后，您应该会看到一条消息，提示导入成功。 你也可以点击你的WordPress仪表板中的页面选项卡，检查所有链接的页面、评论和图片是否与菜单一起导入。 我们希望本文能帮助您学习如何在WordPress中导入和导出导航菜单。你可能还想看看我们的指南，关于如何创建一个免费的商务电子邮件地址，或者看看我们的专家为商务网站选择的必备WordPress插件。 中国和中国都是如此。

是否要在WordPress中创建下拉菜单？ 当您将鼠标悬停在菜单项上时，下拉菜单会显示链接列表。这是一种很好的方式，可以在很小的空间内显示许多选项，并通过将内容组织为类别和子类别来帮助访问者找到他们正在寻找的内容。 在这份初学者指南中，我们将向您展示如何在WordPress中创建下拉菜单。 如果你正在创建一个WordPress博客或创建一个只有几个页面的网站，那么将菜单创建为单行可能是有意义的。这使得访问者可以一目了然地看到你所有的重要页面。 然而，如果你经营一家在线商店或一个大型网站，那么你可能想要在导航菜单中添加很多链接。这可能会让访问者不堪重负，可能会让你的网站看起来既凌乱又复杂。 下拉菜单解决了这个问题，当访问者将鼠标悬停在父项目上时，下拉菜单只显示菜单链接。它们还允许您将内容组织为主题、类别或组。 这可以帮助访问者找到他们正在寻找的东西，即使您的站点有数百甚至数千个页面。 话虽如此，让我们来看看如何轻松创建WordPress下拉菜单，然后将它们添加到您的网站上。 然后，您可以检查演示是否包含下拉菜单。 如果你使用的是一个高级的WordPress主题，那么开发者可能会在他们的网站上有一个现场演示。您还可以查看主题的文档以了解更多信息。 如果您仍然不确定，那么您可以随时向开发人员寻求帮助。有关这个主题的更多信息，请参阅我们的指南，了解如何恰当地请求WordPress支持并获得支持。 如果你的WordPress主题不支持下拉菜单，那么你需要找到一个支持下拉菜单的主题。欲了解更多小贴士，请参阅我们的指南：如何选择完美的WordPress主题。你也可以看到我们关于如何正确改变WordPress主题的终极指南。 为了帮助你，这里有一些支持下拉菜单的优秀主题： Astra-一个多用途的WordPress主题，带有几个起始站点和大量的功能。 StudioPress主题-建立在Genesis主题框架之上的这些专业主题应该可以帮助您的网站更快地加载。 一个流行的WordPress主题，适用于所有类型的网站。 由Themify构建器超强支持，这个拖放式WordPress主题带有漂亮的模板和灵活的主题选项。 Divi-使用Divi页面构建器的优雅主题的流行主题，并带有大量的拖放功能，包括下拉菜单。 话虽如此，让我们来看看如何创建一个下拉的WordPress菜单。 注意事项：如果您没有看到外观»菜单选项，并且只能查看外观»编辑器，这意味着你的主题已经启用了全站点编辑(FSE)。在这种情况下，您可以跳到下面的FSE部分。 接下来，您需要为导航菜单键入一个名称。 这只是你的参考，所以你可以使用任何帮助你识别WordPress管理区域内的菜单的东西。 在“菜单名称”栏中输入标题后，继续点击“创建菜单”。WordPress现在将为您创建一个新的空菜单。 接下来，您需要将顶部链接添加到导航菜单。这些项目将出现在下拉菜单的顶行，并将作为所有其他帖子和页面的父项。 在左栏中，只需选中要添加的每个页面旁边的框即可。然后，点击“添加到菜单”按钮。 这些页面现在将出现在“菜单结构”下的右栏中。 您还可以选择博客文章、类别或添加自定义链接。有关更详细的说明，请参阅我们关于如何在WordPress中添加导航菜单的指南。 但是，默认情况下，这些链接都显示为常规菜单项，这意味着它们将被添加到顶行。 相反，我们需要使它们成为父项的子项。 要做到这一点，只需拖放菜单项并将其放在所需的父项下。然后，只要稍微向右移动，它就会成为一个子项。 现在，只需对希望在下拉列表中显示的每个子项重复此过程。 当你对菜单的设置感到满意时，别忘了点击“保存菜单”按钮来保存你的更改。 现在，您可以访问您的网站来查看下拉菜单的运行情况。 默认情况下，全站点编辑器将显示主题的主页模板。 若要在网站的不同部分添加下拉菜单，请点击“模板”或“模板部分”。 例如，如果要创建一个主导航菜单，则通常需要将其添加到页眉模板部件。 现在，编辑器将显示组成WordPress主题的所有布局的列表。 只需点击要添加下拉菜单的模板或模板部件即可。 WordPress现在将显示该模板的预览。 要编辑此模板，请继续并单击小铅笔图标。 完成后，点击左上角的蓝色‘+’图标。 在出现的搜索栏中，键入“导航”。 当右侧块出现时，将其拖放到您的设计上。 现在，只需单击以选择该块，您将看到可用于定制导航块的所有不同设置。 例如，您可以更改布局、编辑显示设置、更改文本和背景的颜色以及调整字体大小。 要将顶级页面添加到您的菜单中，只需点击‘+’按钮。 然后，选择“页面链接”。 在出现的弹出窗口中，开始键入要添加的页面的标题或URL。 当右侧页面显示时，单击将其添加到菜单中。 只需重复此过程，即可将所有顶级项目添加到下拉菜单中。 完成此操作后，您可以向任何父项添加子菜单。 在右侧菜单中，单击父项目旁边的虚线图标。然后，选择“添加子菜单链接”。 在出现的弹出窗口中，键入要在下拉菜单中显示的页面的标题或URL。 当右侧页面显示时，单击以将其添加为子菜单项。 现在，只需对您想要在下拉菜单中显示的所有项目重复这些步骤。 […]

是否要将特定帖子添加到WordPress导航菜单？ 导航菜单是页面顶部指向网站重要区域的链接列表。通过将特定的帖子添加到您的WordPress菜单中，您将能够将其突出显示给您的浏览者，这将有助于为该帖子带来更多流量。 在本文中，我们将向您展示如何轻松地将特定帖子添加到WordPress导航菜单中。 但是，有时您可能希望将特定的帖子添加到导航菜单中。 这可能是你最受欢迎的帖子，是你正在销售的产品的初学者指南，也可能是你希望用户快速找到的东西。 话虽如此，让我们看看如何轻松地将特定帖子添加到您的WordPress导航菜单中： 方法1：将特定帖子添加到导航菜单(简单)方法2：使用SeedProd将特定帖子添加到导航菜单 进入导航菜单块后，单击Add New(添加新项)(+)按钮进入新的菜单项。 在那之后，你可以简单地搜索你想要添加到导航菜单中的帖子。 找到帖子后，单击选择并将其添加为菜单项。 只需点击菜单项中的文本，您就可以将菜单标签更改为与您的实际帖子标题不同。 一旦您对所做的更改感到满意，不要忘了单击“保存”按钮来存储您的设置。 现在，您可以访问您的网站，看到您的帖子出现在您网站的导航菜单中。 在经典主题中将特定帖子添加到导航菜单 如果你使用的WordPress主题不支持完整的站点编辑器，那么下面介绍如何将特定的帖子添加到站点的导航菜单中。 首先，您需要访问外观»菜单WordPress管理仪表板中的页面。 进入后，只需从下拉菜单中选择要编辑的菜单，然后单击“选择”按钮即可。 选择菜单后，您将看到一个“添加菜单项”部分。 此部分将包含页面、帖子、自定义链接和类别的标签，您可以将其添加到菜单中。您可以单击每个选项卡将其展开。 如果你在那里看不到“帖子”标签，那么你可以通过点击屏幕右上角的“屏幕选项”按钮轻松地添加它。 这将打开“Screen Elements”提示。在这里，勾选“帖子”框，将其显示在“添加菜单项”部分。 一旦“帖子”标签出现，你需要点击它来展开它。现在，您的所有帖子都将显示为列表。 只需选中您想要在导航菜单上显示的特定帖子，然后单击“添加到菜单”按钮。 现在，该帖子将与导航菜单中的其他项目一起添加到“菜单结构”部分。 您可以拖放菜单项以调整其显示顺序。 满意后，请单击“保存菜单”按钮以存储您的更改。 这是您的帖子在导航菜单中的外观。 接下来，您可以创建一个登录页面，也可以为您的站点定制一个全新的主题。 在本教程中，我们将向登录页面添加特定的帖子。 要创建登录页，请访问SeedProd»登录页面部分从管理仪表板，并点击‘添加新登录页’按钮。 这将把你带到‘选择一个新的页面模板’屏幕，在那里你会看到许多由SeedProd提供的预制模板，你可以在你的网站上使用。 在这里，只需点击选择您选择的模板。然后，系统会要求您输入要创建的登录页的名称。 输入此信息后，请单击“保存并开始编辑页面”按钮以继续。 这将启动SeedProd的拖放页面构建器，您现在可以在其中开始编辑您的页面。 有关更多说明，请参阅我们的初学者指南，了解如何在WordPress中创建登录页面。 从这里，找到左栏中的“导航菜单”块。完成此操作后，只需将块拖放到页面上想要显示导航菜单的任何位置。 添加导航菜单后，双击即可打开导航菜单设置。 现在，SeedProd提供了两种创建和管理菜单的方法。 WordPress菜单 简单 如果你选择‘WordPress菜单’选项，那么你可以从下拉菜单中选择你在WordPress中创建的任何菜单。 之后，点击“菜单”部分下的“菜单屏幕”链接。 这个链接将把你带到WordPress的‘Menus’页面，在那里你可以添加一个特定的帖子到你的导航菜单中，如方法1所示。 另一方面，Simple选项允许您简单地添加链接和文本来创建导航菜单项。 您可以通过点击“Add New Item”按钮添加更多菜单项。 这将向您的导航菜单添加一个新项目，您可以重复此过程以添加更多链接。 为了链接到特定的帖子，您只需添加帖子URL和文本标签。 现在，您已经使用SeedProd成功地将特定帖子添加到导航菜单中。 完成后，别忘了点击“保存”，然后点击位于编辑器右上角的“发布”按钮。 在此之后，您可以访问您的登录页面来查看您的导航菜单的运行情况。 这是它在我们的演示网站上的样子。 […]

一个WordPress网站如果没有菜单和子菜单，就不算什么了。在WordPress内根据你的喜好定制这些菜单也是很简单的。因此，你的WordPress菜单是一个 “front line”工具，以获得一个高的搜索排名，并保持访问者在网站上。 WordPress内部的专用屏幕掩盖了你的菜单可以有多复杂。你也能够在你的网站上的几个位置显示菜单。如果你有编码技能，你可以定制你的WordPress菜单，几乎有无限的可能性。 在这篇文章中，我们将给你一个创建WordPress菜单的深入指南。我们还将向你展示如何利用该功能并以几种不同的方式增强它。 剖析WordPress的菜单 WordPress菜单结构的不同类型 如何创建一个自定义的WordPress菜单（3种方法） 如何加强你的WordPress菜单 剖析WordPress的菜单 对于不熟悉的人来说，WordPress菜单通常是一个链接（包括下拉）的集合。它是一个直接的功能，只是你的网站骨架中的一个 “椎体”。 WordPress网站菜单示例 我们将在下一节中更详细地讨论在网站上看到的菜单。现在，你要知道，它们可以放在你想显示的任何地方。你可能只有几个预选的选项（基于小部件的区域）。不过，从技术上讲，菜单可以放在任何地方。 当然，WordPress的菜单对于导航网站是最重要的。如果你有一个清晰明确的导航菜单，这将有助于用户在你的网站上浏览，它将使你的跳出率下降。 它们也有另一个目的：你的菜单有助于你的搜索引擎优化（SEO）。优化WordPress菜单以利于SEO，更多的是关于舍弃什么，而不是放进什么。对于初学者来说，你可以取消一些元素–如标签云–并保持你所包含的链接的数量较少。 虽然谷歌允许你在一个页面上最多添加250个链接，但保持你的 “链接价值“是至关重要的。因此，减少外部链接的数量从长远来看对你有好处。 WordPress菜单结构的不同类型 你可能已经明白，根据你的应用程序的需要，你可以选择不同的WordPress菜单结构。 例如，标题菜单是最常见的，因为它们处理的是主要的网站导航。你也会经常看到主导航上方的小菜单，因为这是社交媒体图标、搜索栏等的绝佳位置。 SAU/CAL的网站有一个 “飞入 “菜单，包括导航和社交链接： SAU/CAL网站飞入式菜单 这个菜单表明，WordPress的菜单有比导航网站更多的使用情况。使用WordPress的内置功能（后面会详细介绍），你可以为你需要的几乎任何东西创建一个菜单。 与页眉导航一样流行的是页脚。你经常会用这个区域为向下滚动的用户重复你的主要导航。此外，它也是为你的产品和服务提供更多基于上下文的链接的绝佳场所： 教学博底部菜单 如果网站使用侧边栏，你还会看到侧边栏内的菜单： 一个侧边栏导航的例子 虽然在很多情况下你不会在这里看到主要导航，但它是一个传统的社交链接、博客文章档案和更多内容的地方。 如何创建一个自定义的WordPress菜单（3种方法） 创建一个WordPress菜单是一个简单的过程，不管你的专业水平如何。有三种主要的方法来完成这项工作：使用WordPress的内置功能；安装一个合适的插件或用代码来弄脏你的手。 接下来，我们将向你展示如何使用这三种方法创建一个WordPress菜单。 1. 使用WordPress的内置功能来创建你的菜单 WordPress有内置的工具来帮助你创建一个菜单。除了最新的用户之外，WordPress管理中的一个专门屏幕对所有的用户来说都是熟悉的。 WordPress的菜单界面 当然，使用本地功能来创建你的WordPress菜单有许多好处。首先，你与你的网站有完全的兼容性。而且，你可以使用一个熟悉的界面和本地工具来建立你的菜单。 要达到这个目的，请前往WordPress内的外观>菜单页面： WordPress的菜单链接 这个屏幕分为几个不同的部分。在顶部，你会发现选择当前菜单或创建一个新菜单的选项： 菜单选择下拉 如果你决定建立一个新的菜单，给它起个名字，并查看菜单设置部分。 菜单设置选项 这里有很多复选框，但你有两个主要决定要做： 自动添加顶级页面到菜单中。 这里的 “顶级 “是指你在WordPress中创建的不是其他页面的子页面的页面。例如，一篇博客文章不是一个顶级页面，因为在许多情况下它会有一个父级档案页（例如/blog）。另一方面，一个联系页面通常是顶级的，因为它通常不会有一个父页面。 菜单位置。 每个主题都会有它的菜单位置。除非你改变了主题的核心文件，否则主题开发者已经硬编码了这些菜单位置。有些主题可能允许你通过其设置来定制它们。 一旦你准备好了，点击创建菜单按钮。屏幕将刷新，并将显示你在你的新菜单中。接下来，看一下屏幕的左侧： 菜单项的手风琴式菜单 这个屏幕列出了你网站上所有的帖子、页面、分类法和其他可链接的资产。你通过勾选左边的方框来建立你的菜单，然后点击添加到菜单按钮。 这将把它们移到菜单屏幕的中央部分： 在菜单结构部分拖放项目 […]

默认情况下，WordPress允许您向网站侧边栏、页脚和其他小工具等区域添加搜索。但是，许多用户更喜欢在导航菜单中使用WordPress搜索框，因为它在顶部很容易引人注目。 在本教程中，我们将向您展示如何在没有任何编码知识的情况下向WordPress菜单添加搜索栏。 为什么要在WordPress导航菜单中添加搜索栏 搜索栏使您的用户无需离开您的WordPress网站即可轻松找到他们正在寻找的内容。它有助于改善您网站上的用户体验并提高参与度。 这就是大多数可用性专家建议在导航菜单中添加搜索选项的原因，以便用户可以轻松找到它。但是，默认的WordPress搜索小工具仅限于小工具区域（侧边栏）。 幸运的是，有许多不同的WordPress搜索插件，可让您将搜索栏添加到网站上的不同位置，包括菜单。 在本教程中，我们将使用免费的SearchWP Modal Search Form。它易于使用，适合任何主题，而且不会对您网站的性能产生负面影响。 让我们步入正题，一起看看如何向WordPress导航菜单添加搜索栏。 向WordPress导航菜单添加搜索栏 您需要做的第一件事是安装并激活SearchWP Modal Search Form插件。 激活后，您需要访问外观»菜单以将搜索页面添加到您的WordPress菜单。在那里，确保选择了主菜单。 接下来，单击SearchWP Modal Search Form以显示菜单项的设置。请注意，插件已自动添加默认搜索模板。您应该选择它，然后单击“Add to menu”按钮。 新的Native WordPress Modal Search Form菜单项将添加到右列。您需要单击它以展开其设置。 您需要将导航标签重命名为“搜索”，然后单击“保存菜单”按钮以保存设置。 您可以通过访问您的WordPress网站来查看新的搜索菜单项。弹出式搜索框将自动呈现您的主题外观，您可以在我们测试网站的这两个屏幕截图中看到。 添加Ajax支持的实时搜索 通过使用Ajax技术添加实时搜索结果，我们可以使我们的搜索表单更加用户友好。这将在您的访问者键入查询时自动更新搜索结果。 首先，您需要安装并激活SearchWP Live Ajax Search插件。 一旦激活，插件将立即开始工作。它会自动将实时搜索结果添加到您的所有搜索表单中。 要查看它的实际效果，只需访问您的WordPress网站并输入搜索查询即可。搜索结果将在您键入时出现。 要更多地自定义您的搜索，请参阅我们关于如何使用SearchWP改进WordPress搜索的教程。希望本教程能帮助您了解如何向WordPress菜单添加搜索栏。

网站导航是帮助您的用户到达他们想去的地方的关键。精心设计的菜单可以大大改善用户体验 (UX)，甚至降低跳出率。然而，一个制作不良的人可以做相反的事情。 幸运的是，WordPress使您能够创建自定义菜单以满足您网站的需求。您甚至可以使用本机功能添加一个紧凑的WordPress下拉菜单，以节省空间，同时仍为您的访问者提供清晰的方向。 在这篇文章中，我们将讨论为什么网站导航很重要以及下拉菜单如何特别有用。然后我们将引导您了解如何在WordPress中创建它们，并分享一些可以提供帮助的插件。 WordPress导航和下拉菜单简介 如何在WordPress中创建下拉菜单 用于增强下拉菜单的WordPress插件 改善WordPress下拉菜单的技巧 对WordPress下拉菜单进行故障排除 WordPress导航和下拉菜单简介 尽管它们可能并不张扬，但导航菜单是任何网站的重要元素。它们帮助用户快速找到最相关的页面以实现他们的目标，同时也让初次访问者了解您必须提供的内容： 教学博网站主导航菜单 拥有精心设计的导航菜单是提高转化率和降低跳出率的关键。当用户可以轻松找到您的产品、电子邮件注册表单或其他转换内容所在的页面时，您就可以更轻松地让他们进行购买或注册。 另外，如果用户可以自信地在您的网站上找到他们的路，他们就不必因为他们最终出现在错误的地方而从您的网页中弹跳出来。帮助他们在第一时间做对既可以改善用户体验，又可以最大程度地减少挫折感。 在WordPress中，菜单是一个固有的功能。使用该平台创建的任何站点都可以显示其中一个或多个。但是，WordPress主题在设计和放置菜单或菜单时也发挥着重要作用。 出于这个原因，您的WordPress菜单可以采用多种不同的形式。最熟悉的是标准的标题菜单： 典型标题菜单的示例 您通常还可以在页面底部包含一个额外的页脚菜单。它可能显示与您的主菜单相同的内容，或提供略有不同的选项： 页脚菜单示例 另一种风格是菜单叠加，用户可以随意打开和关闭： 叠加菜单示例 或者，您可以考虑使用侧边栏菜单： 侧边栏菜单示例 或者您可以合并一个下拉菜单，有时也称为“嵌套”菜单： 下拉菜单示例 这种类型的导航非常适合许多类型的网站。它不会像覆盖菜单那样掩盖您的内容，但不像大标题栏或侧边栏菜单那样具有侵入性。 通过在需要时隐藏某些内容，您将节省屏幕空间，同时仍为用户提供一种轻松的方式来绕过它。 如何在WordPress中创建下拉菜单 如果您认为下拉菜单可能非常适合您的 WordPress 网站，那么设置一个非常简单。通过使用WordPress中可用的本机菜单功能，您只需五个步骤即可创建一个适合您需求的自定义导航系统。 第 1 步：创建您的菜单项 创建菜单的第一步是决定在其中包含哪些内容。首先导航到 WordPress 仪表板中的外观 > 菜单： 访问WordPress仪表盘中的菜单编辑器 根据您的主题，您在菜单编辑器中看到的内容会略有不同。 但是，现在需要注意的是“编辑菜单”选项卡中的第一个选项。您应该会看到一个选项，您可以在其中选择要编辑的现有菜单之一，以及创建新菜单的选项： 在WordPress菜单编辑器顶部创建新菜单链接 对于此示例，我们将选择后一个选项并创建一个新菜单。这包括添加标题，然后单击“创建菜单” 按钮： 命名和创建新菜单 现在您已准备好开始向WordPress菜单添加项目。在大多数情况下，最好使您的菜单尽可能简单，同时仍为用户提供足够的信息以到达他们想去的地方。 包含太多页面会使访问者不堪重负，并使导航变得更加困难而不是更容易。 有几种不同的方法可以添加菜单项。前两个是Pages和Posts，它们的工作原理非常相似。 将页面添加到菜单 在菜单编辑器的侧边栏中，只需选择要包含的每个页面或帖子的复选框，然后单击“添加到菜单”按钮： 您的下一个选择是合并自定义链接。这涉及为您希望引导用户访问的页面提供 URL，然后为其创建一个简短但描述性的标签。之后，您可以 再次单击“添加到菜单”： 向菜单添加自定义链接 最后，您还可以将页面和文章类别添加 到导航菜单中。这会将用户带到存档页面，他们可以在其中查看特定主题的所有内容。 博客和其他内容丰富的网站可能会发现此功能特别有用： 将分类添加到菜单 […]

如果您使用WordPress运行会员站点，bbPress论坛，电子商务商店或学习管理系统（LMS），提供明显的注销/退出链接将会有利于用户体验。 在本文中，我们将向您展示如何将WordPress用户注销/退出链接添加到导航菜单以及网站的其他区域。 WordPress默认用户注销/退出链接 通常，您可以通过单击注销链接来退出WordPress网站登录。此链接位于WordPress管理栏右上角您的个人资料图片下方。 您所要做的就是将鼠标移到您的用户名上，该用户名将显示在下拉菜单中。 如果WordPress网站已禁用WordPress管理员栏，则您将无法看到WordPress注销链接。 好处是，可以直接访问WordPress注销链接以注销当前的WordPress用户登录。 WordPress网站的注销链接如下所示： http://example.com/wp-login.php?action=logout（example.com替换为你的域名）。 您可以直接在浏览器窗口中访问此链接以注销WordPress网站登录。 当访问WordPress注销链接时，会出现一个警告页面，点击“注销”即可退出当前登录账号。 您也可以在WordPress网站上的任意位置手动添加此注销链接。下面将会详细说明。 温馨提示：如果您安装的是教学博开发的WordPress主题，付费类主题都会附带会员中心，登录后，在网站主导航菜单均提供退出的快捷入口，如下图所示： 在WordPress导航菜单中添加用户注销/退出链接 在网站的导航菜单中添加WordPress注销链接，可以帮助WordPress网站用户在任何页面快速退出登录。 只需转到WordPress后台中的外观»菜单页面。单击“自定义链接”选项卡以展开它，然后在“ URL”字段中添加前面提到的注销链接。 完成后，单击“添加到菜单”按钮，您将注意到该链接显示在右栏中。您只需向上或向下拖动即可调整其位置。 不要忘记单击“保存菜单”按钮来保存更改。 现在，您可以访问您的网站以在导航菜单中查看退出链接。 在菜单中添加注销链接的问题在于，它对所有用户（已登录和已退出）均可见。仅向实际登录的用户显示注销链接才有意义。 在侧边栏小工具中添加WordPress注销/退出链接 WordPress随附一个名为“功能”的默认小工具。此小工具显示了许多有用的链接，包括指向用户的注销或登录链接。 <a href=”http://example.com/wp-login.php?action=logout”>Logout</a> 某些人发现功能（Meta）小工具中的其他链接没有那么有用。 另外，您也可以使用纯HTML中的注销链接添加纯文本或自定义HTML小工具。这是您需要添加的HTML代码： <a href=”http://example.com/wp-login.php?action=logout”>Logout</a> 在WordPress中添加动态登录/注销链接 在WordPress中手动添加注销链接很简单，但问题是这个链接不会根据用户的登录状态而更改。 要解决此问题，您可以使用插件根据用户登录状态显示登录或注销链接。 首先，您需要安装Login or Logout Menu Item插件。 安装并启用插件后，转到WordPress后台的外观»菜单，然后将“登录/注销”链接添加到菜单中。 点击“保存菜单”后，即可在网站导航菜单中看到对应链接。 当您单击登录链接后，即会访问网站的登录页面，或者，如果是已经登录，则会注销/退出当前用户登录。 此方法也可用于WooCommerce，MemberPress和其他WordPress电子商务平台。

如果您使用WordPress运行会员站点，bbPress论坛，电子商务商店或学习管理系统（LMS），提供明显的注销/退出链接将会有利于用户体验。 在本文中，我们将向您展示如何将WordPress用户注销/退出链接添加到导航菜单以及网站的其他区域。 WordPress默认用户注销/退出链接 通常，您可以通过单击注销链接来退出WordPress网站登录。此链接位于WordPress管理栏右上角您的个人资料图片下方。 您所要做的就是将鼠标移到您的用户名上，该用户名将显示在下拉菜单中。 如果WordPress网站已禁用WordPress管理员栏，则您将无法看到WordPress注销链接。 好处是，可以直接访问WordPress注销链接以注销当前的WordPress用户登录。 WordPress网站的注销链接如下所示： http://example.com/wp-login.php?action=logout（example.com替换为你的域名）。 您可以直接在浏览器窗口中访问此链接以注销WordPress网站登录。 当访问WordPress注销链接时，会出现一个警告页面，点击“注销”即可退出当前登录账号。 您也可以在WordPress网站上的任意位置手动添加此注销链接。下面将会详细说明。 温馨提示：如果您安装的是教学博开发的WordPress主题，付费类主题都会附带会员中心，登录后，在网站主导航菜单均提供退出的快捷入口，如下图所示： 在WordPress导航菜单中添加用户注销/退出链接 在网站的导航菜单中添加WordPress注销链接，可以帮助WordPress网站用户在任何页面快速退出登录。 只需转到WordPress后台中的外观»菜单页面。单击“自定义链接”选项卡以展开它，然后在“ URL”字段中添加前面提到的注销链接。 完成后，单击“添加到菜单”按钮，您将注意到该链接显示在右栏中。您只需向上或向下拖动即可调整其位置。 不要忘记单击“保存菜单”按钮来保存更改。 现在，您可以访问您的网站以在导航菜单中查看退出链接。 在菜单中添加注销链接的问题在于，它对所有用户（已登录和已退出）均可见。仅向实际登录的用户显示注销链接才有意义。 在侧边栏小工具中添加WordPress注销/退出链接 WordPress随附一个名为“功能”的默认小工具。此小工具显示了许多有用的链接，包括指向用户的注销或登录链接。 <a href=”http://example.com/wp-login.php?action=logout”>Logout</a> 某些人发现功能（Meta）小工具中的其他链接没有那么有用。 另外，您也可以使用纯HTML中的注销链接添加纯文本或自定义HTML小工具。这是您需要添加的HTML代码： <a href=”http://example.com/wp-login.php?action=logout”>Logout</a> 在WordPress中添加动态登录/注销链接 在WordPress中手动添加注销链接很简单，但问题是这个链接不会根据用户的登录状态而更改。 要解决此问题，您可以使用插件根据用户登录状态显示登录或注销链接。 首先，您需要安装Login or Logout Menu Item插件。 安装并启用插件后，转到WordPress后台的外观»菜单，然后将“登录/注销”链接添加到菜单中。 点击“保存菜单”后，即可在网站导航菜单中看到对应链接。 当您单击登录链接后，即会访问网站的登录页面，或者，如果是已经登录，则会注销/退出当前用户登录。 此方法也可用于WooCommerce，MemberPress和其他WordPress电子商务平台。

很多时候，WordPress移动端网站不适合展现所有菜单内容，设置隐藏式菜单更为合理。 大多数WordPress主题都带有内置样式，这些样式会自动将导航菜单转换为移动端菜单。但是，很多时候站长们可能不希望在移动设备上使用相同的菜单，或者可能希望使用不同的菜单样式。 在本教程中，我们将详细介绍如何使用插件或代码方法在WordPress网站移动端使用隐藏式菜单。 方法1. 使用插件实现WordPress移动端隐藏式菜单 此方法更为简单，建议初学者使用。使用插件来实现WordPress主题提供的现有隐藏式移动端菜单，然后在移动端上使用其他菜单或完全不使用菜单。 首先，访问外观»菜单页面并创建一个新的导航菜单，该菜单用于移动设备上。 在下一个界面上，需要为新菜单设置一个名称，以帮助站长以后识别。我们将其称为“Mobile Menu”。之后，您可以从左栏中选择要添加到菜单中的项目。 完成向菜单中添加项目后，最后务必记得保存菜单。 接下来，安装并启用WP Mobile Menu插件。 启用插件后，访问“Mobile Menu Options”页面以配置插件。在这里，您需要通过打开切换来选择是在右侧还是在左侧显示移动菜单。 从下拉菜单中，选择您先前创建的Mobile Menu。 接下来，向下滚动到“Hide Original Theme Menu”部分。在这里，勾选选项告诉插件隐藏由WordPress主题创建的移动端菜单。 默认情况下，该插件将使用大多数流行的WordPress主题使用的常用元素标识符。大多数用户不需要在这里做任何事情，使用默认选项即可。 但是，如果该插件无法隐藏您的主题菜单，则可以返回此处并单击“Find Element”按钮，仅指向您主题的导航菜单。 最后点击“Save Changes”按钮使用插件设置生效。 设置了插件，站长还需要设置移动端菜单显示位置。 转到外观»菜单页面。确保在下拉菜单中选择之前创建的移动端菜单。在菜单项下，选择在插件设置中选择的位置（例如，“Left Mobile Menu”或“Right Mobile Menu”）。 最后使用手机端访问您的网站以查看正在使用的新菜单。现在，你的网站应该采用隐藏式菜单。 WP Mobile Menu插件支持更改菜单栏的颜色，更改不透明度，添加图标等。 方法2. 使用CSS代码设置隐藏式移动端菜单 此方法有点高级，需要使用一些自定义CSS。 对于此方法，您可以选择使用两种不同的方法。您可以仅使用CSS隐藏完整的移动菜单，也可以在移动设备上隐藏单个菜单项。 1.使用CSS在移动设备上隐藏完整的菜单 首先，确定需要使用自定义CSS进行修改的元素。转到您的网站，然后将鼠标移到导航菜单上即可。之后，右键单击并选择“检查”。 浏览器将一分为两，在屏幕下方（默认情况）可以看到网页的源代码。默认情况下，此导航菜单仅为PC端的网站菜单，这不是你需要修改的对象。 你应该通过浏览器提供的工具将网页显示为移动端（每个浏览器的设置不尽相同），一般会在代码窗口会有个手机屏幕小icon，点击即可调出设备分辨率设置界面 ，将设备设置为其中一款手机即可。 然后，您需要找出WordPress导航菜单使用的标识符和CSS类。您可以通过在源代码上移动鼠标直到菜单区域突出显示。 如在上面的截图中所见，我们的测试主题正在使用navbar-toggle-wrapper该类。 之后，转到WordPress管理区域中的外观»自定义页面以启动主题定制器。切换到“额外CSS”标签，然后点击左侧面板右下角的手机图标。 现在，定制程序将显示您的网站在移动设备上的预览。现在，您可以输入以下CSS代码，并在预览面板中查看移动端菜单是否会隐藏。 .navbar-toggle-wrapper { display:none; } 不要忘记将.navbar-toggle-wrapper替换为您的WordPress主题所使用的标识符。 […]

很多时候，WordPress移动端网站不适合展现所有菜单内容，设置隐藏式菜单更为合理。 大多数WordPress主题都带有内置样式，这些样式会自动将导航菜单转换为移动端菜单。但是，很多时候站长们可能不希望在移动设备上使用相同的菜单，或者可能希望使用不同的菜单样式。 在本教程中，我们将详细介绍如何使用插件或代码方法在WordPress网站移动端使用隐藏式菜单。 方法1. 使用插件实现WordPress移动端隐藏式菜单 此方法更为简单，建议初学者使用。使用插件来实现WordPress主题提供的现有隐藏式移动端菜单，然后在移动端上使用其他菜单或完全不使用菜单。 首先，访问外观»菜单页面并创建一个新的导航菜单，该菜单用于移动设备上。 在下一个界面上，需要为新菜单设置一个名称，以帮助站长以后识别。我们将其称为“Mobile Menu”。之后，您可以从左栏中选择要添加到菜单中的项目。 完成向菜单中添加项目后，最后务必记得保存菜单。 接下来，安装并启用WP Mobile Menu插件。 启用插件后，访问“Mobile Menu Options”页面以配置插件。在这里，您需要通过打开切换来选择是在右侧还是在左侧显示移动菜单。 从下拉菜单中，选择您先前创建的Mobile Menu。 接下来，向下滚动到“Hide Original Theme Menu”部分。在这里，勾选选项告诉插件隐藏由WordPress主题创建的移动端菜单。 默认情况下，该插件将使用大多数流行的WordPress主题使用的常用元素标识符。大多数用户不需要在这里做任何事情，使用默认选项即可。 但是，如果该插件无法隐藏您的主题菜单，则可以返回此处并单击“Find Element”按钮，仅指向您主题的导航菜单。 最后点击“Save Changes”按钮使用插件设置生效。 设置了插件，站长还需要设置移动端菜单显示位置。 转到外观»菜单页面。确保在下拉菜单中选择之前创建的移动端菜单。在菜单项下，选择在插件设置中选择的位置（例如，“Left Mobile Menu”或“Right Mobile Menu”）。 最后使用手机端访问您的网站以查看正在使用的新菜单。现在，你的网站应该采用隐藏式菜单。 WP Mobile Menu插件支持更改菜单栏的颜色，更改不透明度，添加图标等。 方法2. 使用CSS代码设置隐藏式移动端菜单 此方法有点高级，需要使用一些自定义CSS。 对于此方法，您可以选择使用两种不同的方法。您可以仅使用CSS隐藏完整的移动菜单，也可以在移动设备上隐藏单个菜单项。 1.使用CSS在移动设备上隐藏完整的菜单 首先，确定需要使用自定义CSS进行修改的元素。转到您的网站，然后将鼠标移到导航菜单上即可。之后，右键单击并选择“检查”。 浏览器将一分为两，在屏幕下方（默认情况）可以看到网页的源代码。默认情况下，此导航菜单仅为PC端的网站菜单，这不是你需要修改的对象。 你应该通过浏览器提供的工具将网页显示为移动端（每个浏览器的设置不尽相同），一般会在代码窗口会有个手机屏幕小icon，点击即可调出设备分辨率设置界面 ，将设备设置为其中一款手机即可。 然后，您需要找出WordPress导航菜单使用的标识符和CSS类。您可以通过在源代码上移动鼠标直到菜单区域突出显示。 如在上面的截图中所见，我们的测试主题正在使用navbar-toggle-wrapper该类。 之后，转到WordPress管理区域中的外观»自定义页面以启动主题定制器。切换到“额外CSS”标签，然后点击左侧面板右下角的手机图标。 现在，定制程序将显示您的网站在移动设备上的预览。现在，您可以输入以下CSS代码，并在预览面板中查看移动端菜单是否会隐藏。 .navbar-toggle-wrapper { display:none; } 不要忘记将.navbar-toggle-wrapper替换为您的WordPress主题所使用的标识符。 […]

很多站长都会有这样的需求：在WordPress顶部菜单添加一个按钮，以吸引网站访客的注意和点击。在本教程中，我们详细介绍如何在WordPress站点顶部菜单添加一个可点击按钮。 为什么在WordPress顶部菜单中添加按钮？ WordPress导航菜单通常是纯文本链接，看起来都一样。在设计方面，所有链接都被赋予相同的重要性和权重。 如果您想添加指向在线订单的链接、登录或注册页面链接或立即购买链接，该怎么办？这些重要的号召性用语看起来就像标题菜单中的其余链接一样。 将WordPress导航菜单中的重要链接更改为按钮将使它们更加引人注目。这有助于用户轻松找到它们，从而提高他们在您网站上的参与度和体验。 默认情况下，WordPress可以选择使用按钮区块在WordPress文章和页面中添加按钮。但是，这没有用于在导航菜单中添加按钮的内置选项。 但有一个简单的技巧可以将WordPress导航菜单中的任何链接转换为按钮。 下面，让我们来看看如何在不安装插件的情况下在WordPress顶部菜单中添加按钮。 在WordPress导航菜单中添加一个按钮 首先，您需要将要转换为按钮的链接添加到WordPress导航菜单中。 只需转到WordPress 仪表板中的外观 » 菜单页面，然后将链接添加到导航菜单。 之后，您需要单击顶部的“显示选项”按钮。这将显示一个带有一堆选项的下拉菜单。您需要选中“CSS 类”选项旁边的框。 现在，向下滚动到您的菜单并单击以展开要转换为按钮的菜单项。 您会注意到菜单项设置中有一个新的CSS类选项。在这里，您需要输入一个类名。您可以将此CSS类命名为任何您想要的唯一名称，但在本教程中，我们将其命名为menu-button。 输入名称后，单击“保存菜单”按钮以存储更改。 现在我们已经为菜单项添加了我们自己的自定义CSS类，我们可以通过添加我们自己的自定义CSS代码来设计它。 只需转到外观»自定义即可启动WordPress主题定制器。 您现在将在右侧看到您网站的实时预览，并在左侧栏中看到一系列主题设置。 现在您需要单击“额外 CSS”选项卡以展开它。这将显示一个框，您可以在其中添加自定义CSS代码。 在这里，您可以复制并粘贴以下CSS代码作为起点。 .menu-button { background-color:#eb5e28; border:1px; border-radius:3px; -webkit-box-shadow:1px 1px 0px 0px #2f2f2f; -moz-box-shadow:1px 1px 0px 0px #2f2f2f; box-shadow:1px 1px 0px 0px #2f2f2f; } .menu-button a, .menu-button a:hover, .menu-button a:active { color:#fff !important; […]