php - WordPress：将 HTML 添加到特定的导航菜单

Question

add_filter('wp_nav_menu_items', 'add_custom', 10, 2);
function add_custom($items, $args) {
  if ($args->theme_location == 'primary') {
    $items .= '<li class="custom"></li>';
  }
  return $items;
}

产生：

<ul id="menu-top">
    <li></li>
    <li></li>
    <li></li>
    <li class="custom"></li> /* added custom HTML */
<ul>

但是如果我的 WP 菜单没有“theme_location”怎么办？我可以通过 id/class 而不是“theme_location”来定位我的菜单，或者如何将 HTML 添加到一个特定的菜单？

Answer 1

可以使用 jQuery 吗？

jQuery(document).ready(function($) {
    $('#menu-top').append('<li class="custom"></li>');
});

或 PHP + CSS - 使用此解决方案，您可以将其添加到每个菜单并在需要时通过 CSS 将其隐藏。

add_filter('wp_nav_menu_items', 'add_custom', 10, 2);
function add_custom($items, $args) { 
   $items .= '';
   return $items;
}

li.custom { display:none; } // hide originally
ul#menu-top li.custom { display:inline; } // or whatever styles

Answer 2

当没有theme_location时，我猜它会退回到wp_page_menu。因此，理论上，您可以过滤wp_page_menu并修改输出。

<?php
//Use this filter to modify the complete output
//You can get an argument to optionally check for the right menu
add_filter( 'wp_page_menu', 'my_page_menu', 10, 2 );
/**
 * Modify page menu
 * @param  string $menu HTML output of the menu
 * @param  array $args Associative array of wp_page_menu arguments
 *                     @see http://codex.wordpress.org/Function_Reference/wp_page_menu
 * @return string       menu HTML
 */
function my_page_menu( $menu, $args ) {
    //see the arguments
    //Do something with $menu
    return $menu;
}

//Use this filter to alter the menu argument altogether
//It is fired before creating any menu html
add_filter( 'wp_page_menu_args', 'my_page_menu_pre_arg', 10, 1 );
/**
 * Modify page menu arguments
 * @param  array $args Associative array of wp_page_menu arguments
 *                     @see http://codex.wordpress.org/Function_Reference/wp_page_menu
 * @return array       modified arguments
 */
function my_page_menu_pre_arg( $args ) {
    //Do something with $args
    return $args;
}

希望能帮助到你。