php 自定义WP Nav Walker

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了php 自定义WP Nav Walker相关的知识,希望对你有一定的参考价值。

<?php

if ( class_exists( 'Rarus_Nav_Walker' ) ):

  class Rarus_Nav_Walker extends Walker_Nav_Menu {

    private $cur_item;

    /**
     * Start Level
     */
    function start_lvl( &$output, $depth = 0, $args = array() ) {

      $indent = str_repeat("\t", $depth);

      $dropdown_class = 'sub-menu';

      if ( in_array( 'mega-menu', $this->cur_item->classes ) ) {
        $dropdown_class = 'mega-menu__ul';
        $output .= "\n$indent<div class=\"mega-menu__inner\"><div class=\"mega-menu__inner2\"><ul role=\"menu\" class=\" $dropdown_class\">\n";
      } else {
        $output .= "\n$indent<ul role=\"menu\" class=\" $dropdown_class\">\n";
      }
    }

    /**
     * Start Element
     */
    function start_el( &$output, $item, $depth = 0, $args = array(), $id = 0 ) {

      // Current Item.
      $this->cur_item = $item;

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

      // ACF Fields
      $hide_title = false;
      if ( function_exists( 'get_field' ) ) {
        $hide_title = get_field( '_hide_menu_title', $item );
      }

      // Classes
      $class_names = $value = '';
      $classes = empty( $item->classes ) ? array() : (array) $item->classes;

      if ( $hide_title ) {
        $classes[] = 'hide-title';
      }

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

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

      // Link Attributes
      $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="' . esc_attr( $item->url ) .'"' : '';

      $item_output = $args->before;

      // Link
      $item_output .= '<a'. $attributes .'><span>';
      $item_output .= $args->link_before . apply_filters( 'the_title', $item->title, $item->ID ) . $args->link_after;
      $item_output .= '</span></a>';

      // Description
      $item_output .= ( $item->description ) ? '<div class="mega-menu__item-description">' . do_shortcode( $item->description ) . '</div>' : '';

      $item_output .= $args->after;

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

    /**
     * End Level
     */
    function end_lvl( &$output, $depth = 0, $args = array() ) {

      $indent = str_repeat("\t", $depth);

      if ( in_array( 'mega-menu', $this->cur_item->classes ) ) {
        $output .= "$indent</ul></div></div>\n";
      } else {
        $output .= "$indent</ul>\n";
      }
    }
  }

endif;

以上是关于php 自定义WP Nav Walker的主要内容,如果未能解决你的问题,请参考以下文章

wp-bootstrap-nav walker 崩溃在 ipad 上不起作用

将特色图像添加到 wp_nav_menu 项目

php 将自定义链接添加到使用wp_nav_menu()函数的菜单的末尾

WordPress自定义Walker类获取子菜单的姊妹页

php Bootstrap 4 Nav Walker

php 扩展Walker_Nav_Menu