如何添加WordPress菜单位置[教程]

本指南将向您解释如何 添加WordPress菜单位置 你的主题. Sometimes you may need to add an extra navigation menu with important or frequently used links to increase the usability of your WordPress site.

要创建一个新菜单，您需要编辑您的主题文件. 在更改任何核心文件之前，最好进行以下操作 备份整个站点 以防中途出了什么差错.

To add a new menu location option in your admin dashboard under Appearance > Menus 你需要 “注册菜单”. 所要做的就是向您的 的功能.php' 文件位于 / wp-content /主题/ your_theme / 服务器上的目录.

Hey, you! 你听说我们新的订阅服务了吗 ONE? 如果没有，就继续读我告诉你的! Our new subscription service ONE can give you an awesome opportunity to save your money and to get more items. The subscription costs only $19 a month and gives you access to downloads of any material from ONE package. Just subscribe for ONE and get unlimited quantity of cool elements! 看看什么 WordPress themes we have for you now within the subscription and choose the most appropriate ones. Moreover, 如果你是一个博客读者, you can get a 5% discount on the subscription using the simple promo code BecomeThe1.

注册新的WordPress添加菜单位置

使用以下命令访问服务器 ftp客户端 or 文件管理 由你的主人提供. 导航到 / wp-content /主题/ your_theme / 服务器上的目录. Open the 的功能.php' 要编辑的文件.

滚动到文件的底部. If you'd like to add only one menu, add the following code on a new line:

函数register_my_menu() {
register_nav_menu(“额外的菜单”,__( “额外的菜单” ));
}
Add_action ('init'， 'register_my_menu');

在这个例子中， “额外的菜单” is the name that will appear in your admin dashboard's menu page. The “额外的菜单” 名字是什么? WordPress 能理解正确执行代码吗.

If you would like to add multiple menus to your site, add this code on a new line instead:

函数register_my_menus() {
register_nav_menus (
array(
 “额外的菜单” => __( “额外的菜单” ),
 'another-menu' => __( 'Another Menu' ),
 'extra-menu' => __( 'Extra Menu' )
 )
 );
}
Add_action ('init'， 'register_my_menus');

您可以使用此方法添加任意多的新菜单. 命名它们时也适用相同的规则. Save 您对文件所做的更改.

通过仪表板创建新的WordPress添加菜单位置

转到 Appearance > Menus 在你的仪表盘上. You'll notice your new menus will be listed under Theme Locations in the 管理位置 section.

请随意 创建一个新菜单 或者使用现有的. 一旦你创建了一个新的菜单, you can also manage the locations where they are displayed under the '管理位置s' tab.

WordPress添加菜单位置到您的主题

This is where 你需要 decide where you'd like to place your menu. If you'd like your menu to appear at the top of your page, you'll need to edit the 'header.php' file. You can also put it in your footer which means you would edit the 'footer.php' file. You can even display a menu on a page by editing its template file or to a sidebar, editing its 'sidebar.php' file.

你可以把你的新菜单放在任何你喜欢的地方. Here's the minimum amount of code 你需要 add to any of these locations:

 “额外的菜单” ) ); ?>

Where 额外的菜单 你的新菜单是.

You probably want to style your menu with CSS so it goes beyond basic functionality and also looks great. To do this, you'll need to create a class and add it 你的主题 with the following code:

 “额外的菜单”, 'container_class' => “new_menu_class” ) ); ?>

再次,取代 额外的菜单 使用您选择的菜单名称. 我们创建了 “new_menu_class” class as an example, feel free to specify your own style class here. Do not forget to add style rules for the new created class in your style.CSS文件位于 / wp-content /主题/ your_theme / 服务器上的目录.

就是这个了, your theme got an additional menu and now you are one step closer to the greatest site ever. 请继续关注!

JetMenu - Mega Menu for Elementor Page Builder WordPress Plugin

JetMenu是一个功能强大的插件, which was cut for Elementor page builder and allows to create Mega menus with dropdown items being at the same time easy to use. This plugin doesn’t limit your imagination and has rich potential of creating astonishing menus and styling them according to your vision and needs.

Demo | Download

Stratum -元素额外的WordPress插件

地层元素插件是一个集合 20+高级元素小部件 强烈的商业导向. The addon enhances the functionality of the existing Elementor widgets collection with extra multipurpose elements for all kinds of websites - from personal portfolios and blogs to business websites and large eCommerce projects.

Although Stratum widgets are fairly equal to premium-like solutions,even Elementor Pro the addon users can try all 20+ widgets for free. Moreover, the addon gives access to exclusive and highly-demanded options unavailable even in the Elementor Pro packages.

Demo | Download

WordPress添加菜单位置常见问题

读也

• Coding a Mobile-Responsive Website Layout Using Footer Navigation
• How to Code a Hidden Sliding Navigation for Responsive Websites
• 你的受众想从你的网站导航中得到什么
• 20 Strategies to Max Results from Filtered Navigation on Your Site
• 如何用CSS构建滑出式导航菜单 & jQuery