问题描述

我目前正在使用自定义步行器自定义 wp_nav_menu()的输出,我正在尝试向<a> 标签添加附加信息。

我想让每个菜单链接的输出看起来像是:

<a class="boxPAGEID" href="#">About Me Page</a>

PAGEID 是我链接到的页面的 ID 。

原因是因为我正在开发一个主题,它可以在灯箱中打开页面内容,这是由标签中的类引发的。

以下是我的 functions.php 文件中的自定义步行者的代码 (代码之后我会指向我遇到问题的区域):

class description_walker extends Walker_Nav_Menu
{

      function start_el(&$output, $item, $depth, $args)
      {
           global $wp_query;     
           $pageid = $wp_query->post->ID;

           $indent = ( $depth ) ? str_repeat( "t", $depth ) : '';

           $class_names = $value = '';

           $classes = empty( $item->classes ) ? array() : (array) $item->classes;

           $class_names = join( ' ', apply_filters( 'nav_menu_css_class', array_filter( $classes ), $item ) );
           $class_names = ' class="'. esc_attr( $class_names ) . '"';

           $output .= $indent . '<li id="menu-item-'. $item->ID . '"' . $value . $class_names .'>';

           $attributes  = ! empty( $item->attr_title ) ? ' title="'  . esc_attr( $item->attr_title ) .'"' : '';
           $attributes .= ! empty( $item->target )     ? ' target="' . esc_attr( $item->target     ) .'"' : '';
           $attributes .= ! empty( $item->xfn )        ? ' rel="'    . esc_attr( $item->xfn        ) .'"' : '';
           $attributes .= ! empty( $item->url )        ? ' href="'   . '#' .'"' : '';

           $prepend = '<strong>';
           $append = '</strong>';
           $description  = ! empty( $item->description ) ? '<span>'.esc_attr( $item->description ).'</span>' : '';

           if($depth != 0)
           {
                     $description = $append = $prepend = "";
           }

            $item_output = $args->before;
            $item_output .= '<a'. $attributes . 'class="box' . $pageid . '"' .'>';
            $item_output .= $args->link_before .$prepend.apply_filters( 'the_title', $item->title, $item->ID ).$append;
            $item_output .= $args->link_after;
            $item_output .= '</a>';
            $item_output .= $args->after;

            $output .= apply_filters( 'walker_nav_menu_start_el', $item_output, $item, $depth, $args );

            if ($item->menu_order == 1) {
                $classes[] = 'first';
            }

            }
}

最后是从 $item_output 开始的几行。第二行是我要生成页面 ID 的地方:

$item_output .= '<a'. $attributes . 'class="box' . $pageid . '"' .'>';

$pageid 如下:

global $wp_query;    
$pageid = $wp_query->post->ID;

这给我一个固定的 ID,生成的所有链接。

或者,而不是 $pageid 我尝试使用 $item->ID,但这给了我的菜单项的 ID 。

有什么建议么?

最佳解决方案

页面 ID(或对象 ID,因为菜单项可以链接到任何对象) 存储在 postmeta 表中,使用键_menu_item_object_id 。所以您可以使用以下代码获取页面 ID:

get_post_meta( $item->ID, '_menu_item_object_id', true );

参考文献

注:本文内容整合自 Google/Baidu/Bing 辅助翻译的英文资料结果。如果您对结果不满意,可以加入我们改善翻译效果:薇晓朵技术论坛。