您是否想知道如何在WordPress中添加自定义导航菜单? 默认情况下,许多 WordPress主题 提供预定义的菜单位置和布局。

在本教程中,我们将向您展示如何在WordPress主题中添加其他导航菜单。

但是之前,如果您从未安装过WordPress发现 如何安装WordPress博客7步骤 et 如何找到,安装和你的博客激活WordPress主题 

然后回到为什么我们在这里。  

如何在WordPress上添加自定义导航菜单

您何时需要在WordPress主题上添加自定义菜单?

WordPress主题 提供至少一个位置,您可以在其中在菜单中显示您网站的导航链接。

您可以从WordPress仪表板中易于使用的界面管理菜单项。

发现我们的 10高级WordPress插件,旨在创建菜单

本教程面向喜欢 DIY 的用户或需要在其上添加额外插槽的用户 WordPress主题.

如此说来,让我们看一下如何在WordPress主题中添加自定义导航菜单。

在WordPress上创建自定义菜单

导航菜单是WordPress主题的功能。 每个WordPress主题都可以定义自己的菜单位置。

要添加自定义导航菜单,您需要做的第一件事是通过将此代码添加到 functions.php文件 WordPress主题。

函数bpc_custom_new_menu(){register_nav_menu('my-custom-menu',__('My Custom Menu'))); } add_action('init','bpc_custom_new_menu');

您可以转到“ 外观>菜单 “在 WordPress后台 并尝试创建或编辑新菜单。 你会看到我的自定义菜单作为菜单位置中的一个选项。

如何在WordPress上添加自定义导航菜单

如果要添加多个新的导航菜单位置,则需要使用如下代码:

函数bpc_custom_new_menu(){register_nav_menus(array('my-custom-menu'=> __('My Custom Menu'),'extra-menu'=> __('Extra Menu')))); } add_action('init','bpc_custom_new_menu');

添加菜单位置后,测试您的菜单并在 WordPress 仪表板中添加一些项目。

这将使我们进入下一步,即在WordPress网站中显示菜单。

在WordPress上查看自定义菜单

现在,我们需要在WordPress主题中显示新的导航菜单。 通常放置导航菜单的最常见位置是网站标题或徽标之后的网站标题部分。

但是,您可以在任意位置添加导航菜单。

您必须将此代码添加到要显示菜单的WordPress主题的模板文件中。

'my-custom-menu','container_class'=>'custom-menu-class')); ?>

WordPress 主题位置是我们在上一步中选择的名称。

容器类是CSS类,它将添加到导航菜单中。 您的菜单将在您的网站上显示为简单的项目符号列表。

如何在WordPress上添加自定义导航菜单

您可以使用CSS类“ custom_menu_class 对于您的菜单样式。 下面是一个CSS代码示例,可帮助您入门:

div.custom级菜单-UL {列表样式类型:无; 列表样式:无; 列表样式图像:无; } Div.custom级菜单丽{填充:20px; 显示:内联; }

如果您需要CSS和菜单布局方面的帮助,建议您使用以下WordPress入门主题之一来构建自定义主题。

创建移动菜单

我们在之前的教程中对此进行了详细介绍, 如何使移动菜单.

如何在WordPress上添加自定义导航菜单

我们已经看到这些菜单对您的移动流量有多方便。 

还发现一些主题和高级WordPress插件  

您可以使用其他 WordPress插件 赋予现代外观并优化您的博客或网站的处理。

我们在这里为您提供了一些高级WordPress插件,它们将帮助您实现这一目标。

1。 Woocommerce捐赠

通过WooCommerce网站上的扩展捐款,接受客户指定的金额。 他们将能够付出自己想要的一切。 每个捐赠都可以像任何常规WooCommerce产品一样呈现。 

Woocommerce捐赠插件

如果客户跳过购物车页面或不做任何捐赠而直接进入结帐,结帐页面上方会出现一个链接,以便他们进行捐赠。

带有屏幕快照的文档中说明了使用WooCommerce捐赠的每个步骤。 只需激活插件,您就会在购物车中找到“添加捐赠”字段。

下载 | 演示 虚拟主机

2。 日历它!

WordPress插件 Calendarize它! 使用免费的Visual Editor,自定义日历设计特别容易。 该插件包括基于许多分类法(例如时间,组织者和位置)的高级筛选。 您可以根据天,月或年列出事件,并通过小部件查看即将发生的事件。

日历化

该插件还支持用户角色管理,自定义帖子类型,多个短代码以及事件的自定义字段。 它还有许多付费模块,每个模块的价格为15美元,其中包括付款方式,广告方式,活动和预订计分,评论等等。

它的功能包括:以CSV格式导入事件,按年份显示事件,事件倒计时,支持多种付款方式,支持广告方式,共享社交网络,直观的预订表格等…。

下载 | 演示 | 虚拟主机

3。 目录终极PRO

目录终极 PRO 是 WordPress插件 高级版,允许您在 Internet 上创建任何类型的目录。 它可以集成到任何 WordPress 主题中,并且可以根据您的需要进行定制。 它展示了其自定义搜索功能,这是该领域网站的主要功能之一。

目录Ultimate Pro 1

其搜索栏使您可以添加个性化过滤器并选择搜索样式,最后使其完全适合您的网站。

作为功​​能,它提供的其他功能包括:100%响应式布局,可自定义的搜索,三种显示目录的方式,针对移动导航的优化,出色的SEO,与大多数现代浏览器兼容,和更多       

下载 | 演示 | 虚拟主机

推荐资源

查找有关其他推荐资源的信息,以帮助您构建和管理网站。

结论

瞧! 本教程就是这样。 我们希望后者将允许您向WordPress博客或网站添加自定义导航菜单。 

但是,您也可以咨询我们的 RESSOURCES,如果您需要更多的元素来执行创建Internet网站的项目,请参考我们关于 WordPress博客创建。

告诉我们您对本教程的看法和 不要犹豫 与您最喜欢的社交网络上的朋友分享

...