如何创建 WordPress 自定义导航菜单

如果您正在运行 WordPress 网站并想要创建 WordPress 自定义菜单，那么您来对地方了。

目录

1. 如何在 WordPress 中创建自定义菜单
2. 显示自定义导航菜单
3. 菜单样式

对于很多人来说，这种默认的样式和设计并不能解决问题。这就是为什么 WordPress 主题对自定义导航菜单有巨大的需求。在本文中，我将介绍如何通过 WordPress 自定义菜单代码在 WordPress 中创建自定义菜单。

如何在 WordPress 中创建自定义菜单

创建自定义 WordPress 导航菜单的第一步是注册菜单。首先，将以下代码添加到functions.php（位于WordPress 网站的主题文件夹中）：

function wp_custom_new_menu() {register_nav_menu('wpblog-custom-menu',__( 'WP 博客菜单' ));}add_action( 'init', 'wp_custom_new_menu' ); 1234功能 wp_custom_new_menu ( ) { register_nav_menu ( 'wpblog-自定义菜单' , __ ( “WP 博客菜单” ） ） ； }添加动作（ '在里面' ， 'wp_custom_new_menu' ） ；

该函数带有大量参数，可以在 WordPress.org Codex 中找到。以下是可用参数的默认列表：

<?php $defaults = array( 'theme_location' => , 'menu' => , 'container' => 'div', 'container_class' => 'menu-{menu slug}-container', 'container_id' => , 'menu_class' => '菜单', 'menu_id' => , 'echo' => true, 'fallback_cb' => 'wp_page_menu', '之前' => , '之后' => , 'link_before' => , 'link_after' => , 'items_wrap' => '<ul id=\"%1$s\" class=\"%2$s\">%3$s</ul>', '深度' => 0, 'walker' =>);?> <?php wp_nav_menu( $defaults ); ?> 123456789101112131415161718192021 <?php $defaults = array ( 'theme_location' = > , 'menu' = > , 'container' = > 'div' , 'container_class' = > 'menu-{menu slug}-container' , 'container_id' = > , 'menu_class' = > 'menu' , 'menu_id' = > , 'echo' = > true , 'fallback_cb' = > 'wp_page_menu' , '之前' = > , '之后' = > , 'link_before' = > 、 'link_after' = > 、 'items_wrap' = > '<ul id=\"%1$s\" class=\"%2$s\">%3$s</ul>' 、 '深度' = > 0 , '行者' = > ) ; ?> <?php wp_nav_menu ( $defaults ) ; ?>

此时，转到 WordPress 管理 > 外观 > 菜单。到达那里后，创建或编辑新菜单。

用户经常需要添加额外的导航菜单位置。为此，请使用以下代码片段：

function wp_custom_new_menu() {register_nav_menus(array('wpblog-custom-menu' => __( 'WP 博客菜单' ),'extra-menu' => __( '额外菜单' )));}add_action( 'init' , 'wp_custom_new_menu' ); 123456789功能 wp_custom_new_menu ( ) { register_nav_menus ( array ( 'wpblog-自定义菜单' = > __ （ “WP 博客菜单” ) , '额外菜单' = > __ （ “额外菜单” ) ) ) ; }添加动作（ '在里面' ， 'wp_custom_new_menu' ） ；

现在您有了新的菜单位置，添加菜单项就很容易了。为此，请遵循有关添加和组织自定义菜单的精彩教程。

显示自定义导航菜单

自定义导航菜单已准备好显示。为此，请将代码添加到主题的模板文件中您希望显示它的位置。

<?phpwp_nav_menu( array( 'theme_location' => 'wpblog-custom-menu', 'container_class' => 'wpblog-menu-class' ) );?>第12345章 数组（ '主题位置' = > 'wpblog-自定义菜单' ， 'container_class' = > 'wpblog-菜单类' ） ） ； ?>

菜单样式

设置菜单样式是一项简单的任务。添加以下 CSS 类 .wpblog-menu-class （位于主题文件夹内）以向菜单添加样式：

div.wpblog-menu-class ul {list-style-type: none;list-style: none;list-style-image: none;}div.wpblog-menu-class li {padding: 20px;display: inline;} 123456789分区wpblog –菜单–类 乌尔 {列表–样式–类型： 没有任何;列表样式： 没有任何;列表–样式–图像： 没有任何; }分区。 wpblog –菜单–类 李 {填充： 20 像素；展示： 排队; }

注意：最佳实践是将上述代码添加到单独的文件中。

结论

在本教程中，我不仅讨论了如何在 WordPress 中创建自定义菜单，还讨论了如何通过 WordPress 自定义菜单代码设置样式和显示它。

请记住，您可以添加多个菜单位置以改进网站导航。如果您需要代码方面的帮助，请发表评论，我会回复您。