WP开发教程 WordPress导师在线教程
<?php
class tie_mega_menu_walker extends Walker_Nav_Menu {
private $tie_megamenu_type = '';
private $tie_megamenu_icon = '';
private $tie_megamenu_image = '';
private $tie_megamenu_position = '';
private $tie_megamenu_position_y = '';
private $tie_megamenu_repeat = '';
private $tie_megamenu_min_height = '';
private $tie_megamenu_padding_left = '';
private $tie_megamenu_padding_right = '';
private $tie_has_children = '';
/**
* Starts the list before the elements are added.
*/
public function start_lvl( &$output, $depth = 0, $args = null ) {
$indent = str_repeat("\t", $depth);
if( $depth === 0 && $this->tie_megamenu_type == 'links' ){
$output .= "\n$indent<ul class=\"sub-menu-columns\">\n";
}
elseif( $depth === 1 && $this->tie_megamenu_type == 'links' ){
$output .= "\n$indent<ul class=\"sub-menu-columns-item\">\n";
}
elseif( $depth === 0 && $this->tie_megamenu_type == 'sub-posts' ){
$output .= "\n$indent<ul class=\"sub-menu mega-cat-more-links\">\n";
} elseif ($depth === 0 && $this->tie_megamenu_type == 'sub-product-categories') {
$output .= "\n<div class=\"pro-nav-child row no-gutters row-cols-md-5\">\n";
}
elseif( $depth === 0 && $this->tie_megamenu_type == 'recent' ){
$output .= "\n$indent<ul class=\"mega-recent-featured-list sub-list\">\n";
}
else{
$output .= "\n$indent<ul class=\"dropdown-menu\">\n";
}
}
/**
* Ends the list of after the elements are added.
*/
public function end_lvl( &$output, $depth = 0, $args = null ) {
if ($depth === 0 && $this->tie_megamenu_type == 'sub-product-categories') {
$output .= "<div class=\"pronavmore\"><a href=\"/products\">View All Products</a></div>\n";
$output .= "</div>\n";
} else {
$indent = str_repeat("\t", $depth);
$output .= "$indent</ul>\n";
}
}
/**
* Start the element output.
*/
public function start_el( &$output, $item, $depth = 0, $args = null, $id = 0 ) {
$indent = ( $depth ) ? str_repeat( "\t", $depth ) : '';
$classes = empty( $item->classes ) ? array() : (array) $item->classes;
$classes[] = 'nav-item';
if ($args->has_children) {
$classes[] = 'dropdown';
$classes[] = 'pc';
}
/**
* Filter the CSS class(es) applied to a menu item's <li>.
*/
$class_names = join( " " , apply_filters( 'nav_menu_css_class', array_filter( $classes ), $item, $args ) );
//By TieLabs ===========
$a_class = $item_output = '';
// Define the mega vars
if( $depth === 0 ){
$this->tie_has_children = 0;
if( !empty( $args->has_children ) )
$this->tie_has_children = $args->has_children;
$this->tie_megamenu_type = get_post_meta( $item->ID, 'tie_megamenu_type', true );
$this->tie_megamenu_columns = get_post_meta( $item->ID, 'tie_megamenu_columns', true );
$this->tie_megamenu_image = get_post_meta( $item->ID, 'tie_megamenu_image', true );
$this->tie_megamenu_position = get_post_meta( $item->ID, 'tie_megamenu_position', true );
$this->tie_megamenu_position_y = get_post_meta( $item->ID, 'tie_megamenu_position_y', true );
$this->tie_megamenu_repeat = get_post_meta( $item->ID, 'tie_megamenu_repeat', true );
$this->tie_megamenu_min_height = get_post_meta( $item->ID, 'tie_megamenu_min_height', true );
$this->tie_megamenu_padding_left = get_post_meta( $item->ID, 'tie_megamenu_padding_left', true );
$this->tie_megamenu_padding_right = get_post_meta( $item->ID, 'tie_megamenu_padding_right', true );
}
$this->tie_megamenu_icon = get_post_meta( $item->ID, 'tie_megamenu_icon', true);
//Menu Classes
if( $depth === 0 && !empty( $this->tie_megamenu_type ) && $this->tie_megamenu_type != 'disable' ){
$class_names .= ' mega-menu';
if( $this->tie_megamenu_type == 'sub-posts' && $item->object == 'category' ){
$class_names .= ' mega-cat ';
}
elseif( $this->tie_megamenu_type == 'links' ){
$columns = ( !empty( $this->tie_megamenu_columns ) ? $this->tie_megamenu_columns : 2 );
$class_names .= ' mega-links mega-links-'.$columns.'col ';
}
elseif( $this->tie_megamenu_type == 'recent' ){
$class_names .= ' mega-recent-featured ';
}
}
if( $depth === 1 && $this->tie_megamenu_type == 'links' ){
$class_names .=' mega-link-column ';
$a_class = ' class="mega-links-head" ';
}
// =====================
$class_names = $class_names ? ' class="' . esc_attr( $class_names ) . '"' : '';
/**
* Filter the ID applied to a menu item's <li>.
*/
$id = apply_filters( 'nav_menu_item_id', 'menu-item-'. $item->ID, $item, $args );
$id = $id ? ' id="' . esc_attr( $id ) . '"' : '';
//输出子级菜单的项目 也就是菜单为2 也就是depth ===1
if ($depth === 1 && $this->tie_megamenu_type == 'sub-product-categories') {
//object是taxonomy 的 product_category ， object_id完全符合， 所以图片要获取get_term_meta
//这个条件下会循环
//var_dump($item->object_id);
$image_url = carbon_get_term_meta($item->object_id,'crb_cat_image');
//$image_url = get_post_meta($item->ID, '_menu_item_image', true);
$output .= "<div class=\"item col\">\n";
$output .= "\t<div class=\"t1\">";
$output .= "<a href=\"" . esc_url($item->url) . "\">" . esc_html($item->title) . "</a>";
$output .= "</div>\n";
if ($image_url) {
$output .= "\t<div class=\"img\">";
$output .= "<a href=\"" . esc_url($item->url) . "\">";
$output .= "<img src=\"" . esc_url($image_url) . "\" alt=\"" . esc_attr($item->title) . "\" class=\"img-width\">";
$output .= "</a>";
$output .= "</div>\n";
}
} else {
$output .= $indent . '<li' . $id . $class_names .'>';
$atts = array();
$atts['title'] = ! empty( $item->attr_title ) ? $item->attr_title : '';
$atts['target'] = ! empty( $item->target ) ? $item->target : '';
$atts['rel'] = ! empty( $item->xfn ) ? $item->xfn : '';
$atts['href'] = ! empty( $item->url ) ? $item->url : '';
$a_class = ' class="nav-link" ';
if ($depth === 0) {
$a_class = ' class="nav-link" ';
if ($args->has_children) {
$a_class = ' class="nav-link dropdown-toggle" ';
}
} else {
$a_class = ' class="dropdown-item" ';
}
/**
* Filter the HTML attributes applied to a menu item's <a>.
*
*/
$atts = apply_filters( 'nav_menu_link_attributes', $atts, $item, $args );
$attributes = '';
foreach ( $atts as $attr => $value ) {
if ( ! empty( $value ) ) {
$value = ( 'href' === $attr ) ? esc_url( $value ) : esc_attr( $value );
$attributes .= ' ' . $attr . '="' . $value . '"';
}
}
if( !empty( $args->before ) ) $item_output = $args->before;
$item_output .= '<a'.$a_class . $attributes .'>';
if( !empty( $this->tie_megamenu_icon ) )
$item_output .= '<i class="fa '.$this->tie_megamenu_icon.'"></i>';
/** This filter is documented in wp-includes/post-template.php */
$item_output .= $args->link_before . apply_filters( 'the_title', $item->title, $item->ID ) . $args->link_after;
$item_output .= '</a>';
$item_output .= $args->after;
//By TieLabs ===========
if( $depth === 0 && !empty( $this->tie_megamenu_type ) && $this->tie_megamenu_type != 'disable' ){
if ($this->tie_megamenu_type == 'sub-product-categories') {
$item_output .="\n";
} else {
$img = $padding_left = $padding_right = $style = $min_height ='';
if ( !empty( $this->tie_megamenu_image )) {
$img = " background-image: url($this->tie_megamenu_image) ; background-position: $this->tie_megamenu_position_y $this->tie_megamenu_position ; background-repeat: $this->tie_megamenu_repeat ; ";
}
if ( !empty( $this->tie_megamenu_padding_left ) ) {
$padding_left = $this->tie_megamenu_padding_left;
if ( strpos( $padding_left , 'px' ) === false && strpos( $padding_left , '%' ) === false ) $padding_left .= 'px';
$padding_left = " padding-left : $padding_left; ";
}
if ( !empty( $this->tie_megamenu_padding_right ) ) {
$padding_right = $this->tie_megamenu_padding_right;
if ( strpos( $padding_right , 'px' ) === false && strpos( $padding_right , '%' ) === false ) $padding_right .= 'px';
$padding_right = " padding-right : $padding_right; ";
}
if ( !empty( $this->tie_megamenu_min_height ) ) {
$min_height = $this->tie_megamenu_min_height;
if ( strpos( $min_height , 'px' ) === false ) $min_height .= 'px';
$min_height = " min-height : $min_height; ";
}
if ( !empty( $img ) || !empty( $padding_left ) || !empty( $padding_right ) ) $style=' style="'.$img.$padding_left.$padding_right.$min_height.'"';
$item_output .="\n<div class=\"mega-menu-block menu-sub-content\"$style>\n";
}
}
// =====================
/**
* Filter a menu item's starting output.
*/
$output .= apply_filters( 'walker_nav_menu_start_el', $item_output, $item, $depth, $args );
}
}
/**
* Ends the element output, if needed.
*/
public function end_el( &$output, $item, $depth = 0, $args = null ) {
// End of Sub Categories =====================================================
//Recent + Check also ========================================================
// End of Sub Categories =====================================================
// =====================
if ($depth === 1 && $this->tie_megamenu_type == 'sub-product-categories') {
$output .= "</div>\n";
} else {
$output .= "</li>\n";
}
}
function display_element( $element, &$children_elements, $max_depth, $depth = 0, $args = array(), &$output = '' ){
$id_field = $this->db_fields['id'];
if ( is_object( $args[0] ) ) {
$args[0]->has_children = ! empty( $children_elements[$element->$id_field] );
}
return parent::display_element( $element, $children_elements, $max_depth, $depth, $args, $output );
}
} // Walker_Nav_Menu
// Back end modification on Menus page ===============================================
add_filter( 'wp_edit_nav_menu_walker', 'tie_custom_nav_edit_walker',10,2 );
function tie_custom_nav_edit_walker($walker,$menu_id) {
return 'tie_mega_menu_edit_walker';
}
// The Custom Tielabs menu fields
add_action( 'wp_nav_menu_item_custom_fields', 'tie_add_megamenu_fields', 10, 4 );
function tie_add_megamenu_fields( $item_id, $item, $depth, $args ) { ?>
<div class="clear"></div>
<div class="tie-mega-menu-type">
<p class="field-megamenu-icon description description-wide">
<label for="edit-menu-item-megamenu-icon-<?php echo $item_id; ?>">
<?php _e( 'Menu Icon', 'tie' ); ?>
<input type="hidden" id="edit-menu-item-megamenu-icon-<?php echo $item_id; ?>" class="widefat code edit-menu-item-megamenu-icon" name="menu-item-tie-megamenu-icon[<?php echo $item_id; ?>]" value="<?php echo $item->tie_megamenu_icon; ?>" />
<div id="preview_edit-menu-item-megamenu-icon-<?php echo $item_id; ?>" data-target="#edit-menu-item-megamenu-icon-<?php echo $item_id; ?>" class="button icon-picker fa <?php echo $item->tie_megamenu_icon; ?>"></div>
</label>
</p>
<p class="field-megamenu-type description description-wide">
<label for="edit-menu-item-megamenu-type-<?php echo $item_id; ?>">
<?php _e( 'Enable Mega Menu ?', 'tie' ); ?>
<select id="edit-menu-item-megamenu-type-<?php echo $item_id; ?>" class="widefat code edit-menu-item-megamenu-type" name="menu-item-tie-megamenu-type[<?php echo $item_id; ?>]">
<option value=""><?php _e( 'Disable', 'tie' ); ?></option>
<?php if( $item->object == 'category' ){ ?>
<option value="sub-posts" <?php selected( $item->tie_megamenu_type, 'sub-posts' ); ?>><?php _e( 'Sub Categories + Posts', 'tie' ); ?></option>
<option value="recent" <?php selected( $item->tie_megamenu_type, 'recent' ); ?>><?php _e( 'Recent post + Check also', 'tie' ); ?></option>
<?php } ?>
<?php if( $item->object == 'product' ){ ?>
<option value="sub-product-categories" <?php selected( $item->tie_megamenu_type, 'sub-product-categories' ); ?>><?php _e( 'Sub Product Categories', 'tie' ); ?></option>
<?php } ?>
<option value="links" <?php selected( $item->tie_megamenu_type, 'links' ); ?>><?php _e( 'Mega Links', 'tie' ); ?></option>
</select>
</label>
</p>
<p class="field-megamenu-columns description description-wide">
<label for="edit-menu-item-megamenu-columns-<?php echo $item_id; ?>">
<?php _e( 'Mega Links - Columns', 'tie' ); ?>
<select id="edit-menu-item-megamenu-columns-<?php echo $item_id; ?>" class="widefat code edit-menu-item-megamenu-columns" name="menu-item-tie-megamenu-columns[<?php echo $item_id; ?>]">
<option value=""></option>
<option value="2" <?php selected( $item->tie_megamenu_columns, '2' ); ?>>2</option>
<option value="3" <?php selected( $item->tie_megamenu_columns, '3' ); ?>>3</option>
<option value="4" <?php selected( $item->tie_megamenu_columns, '4' ); ?>>4</option>
<option value="5" <?php selected( $item->tie_megamenu_columns, '5' ); ?>>5</option>
</select>
</label>
</p>
<p class="field-megamenu-image description description-wide">
<label for="edit-menu-item-megamenu-image-<?php echo $item_id; ?>">
<?php _e( 'Mega Menu Background Image', 'tie' ); ?>
</label>
<input type="text" id="edit-menu-item-megamenu-image-<?php echo $item_id; ?>" class="widefat code edit-menu-item-megamenu-image" name="menu-item-tie-megamenu-image[<?php echo $item_id; ?>]" value="<?php echo $item->tie_megamenu_image; ?>" />
<select id="edit-menu-item-megamenu-position-<?php echo $item_id; ?>" class="widefat code edit-menu-item-megamenu-position" name="menu-item-tie-megamenu-position[<?php echo $item_id; ?>]">
<option value=""></option>
<option value="center" <?php selected( $item->tie_megamenu_position, 'center' ); ?>><?php _e( 'Center', 'tie' ); ?></option>
<option value="right" <?php selected( $item->tie_megamenu_position, 'right' ); ?>><?php _e( 'Right', 'tie' ); ?></option>
<option value="left" <?php selected( $item->tie_megamenu_position, 'left' ); ?>><?php _e( 'Left', 'tie' ); ?></option>
</select>
<select id="edit-menu-item-megamenu-position-y-<?php echo $item_id; ?>" class="widefat code edit-menu-item-megamenu-position-y" name="menu-item-tie-megamenu-position-y[<?php echo $item_id; ?>]">
<option value=""></option>
<option value="center" <?php selected( $item->tie_megamenu_position_y, 'center' ); ?>><?php _e( 'Center', 'tie' ); ?></option>
<option value="top" <?php selected( $item->tie_megamenu_position_y, 'top' ); ?>><?php _e( 'Top', 'tie' ); ?></option>
<option value="bottom" <?php selected( $item->tie_megamenu_position_y, 'bottom' ); ?>><?php _e( 'Bottom', 'tie' ); ?></option>
</select>
<select id="edit-menu-item-megamenu-repeat-<?php echo $item_id; ?>" class="widefat code edit-menu-item-megamenu-repeat" name="menu-item-tie-megamenu-repeat[<?php echo $item_id; ?>]">
<option value=""></option>
<option value="no-repeat" <?php selected( $item->tie_megamenu_repeat, 'no-repeat' ); ?>><?php _e( 'no-repeat', 'tie' ); ?></option>
<option value="repeat" <?php selected( $item->tie_megamenu_repeat, 'repeat' ); ?>><?php _e( 'repeat', 'tie' ); ?></option>
<option value="repeat-x" <?php selected( $item->tie_megamenu_repeat, 'repeat-x' ); ?>><?php _e( 'repeat-x', 'tie' ); ?></option>
<option value="repeat-y" <?php selected( $item->tie_megamenu_repeat, 'repeat-y' ); ?>><?php _e( 'repeat-y', 'tie' ); ?></option>
</select>
</p>
<p class="field-megamenu-styling description description-thin">
<label for="edit-menu-item-megamenu-padding-right-<?php echo $item_id; ?>">
<?php _e( 'Padding Right', 'tie' ); ?>
<input type="text" id="edit-menu-item-megamenu-padding-right-<?php echo $item_id; ?>" class="widefat code edit-menu-item-megamenu-padding-right" name="menu-item-tie-megamenu-padding-right[<?php echo $item_id; ?>]" value="<?php echo $item->tie_megamenu_padding_right; ?>" />
</label>
</p>
<p class="field-megamenu-styling description description-thin">
<label for="edit-menu-item-megamenu-padding-left-<?php echo $item_id; ?>">
<?php _e( 'Padding left', 'tie' ); ?>
<input type="text" id="edit-menu-item-megamenu-padding-left-<?php echo $item_id; ?>" class="widefat code edit-menu-item-megamenu-padding-left" name="menu-item-tie-megamenu-padding-left[<?php echo $item_id; ?>]" value="<?php echo $item->tie_megamenu_padding_left; ?>" />
</label>
</p>
<p class="field-megamenu-styling description description-thin">
<label for="edit-menu-item-megamenu-min-height-<?php echo $item_id; ?>">
<?php _e( 'Min Height', 'tie' ); ?>
<input type="text" id="edit-menu-item-megamenu-min-height-<?php echo $item_id; ?>" class="widefat code edit-menu-item-megamenu-min-height" name="menu-item-tie-megamenu-min-height[<?php echo $item_id; ?>]" value="<?php echo $item->tie_megamenu_min_height; ?>" />
</label>
</p>
</div><!-- .tie-mega-menu-type-->
<?php }
// Save The custom Fields
add_action('wp_update_nav_menu_item', 'tie_custom_nav_update', 10, 3);
function tie_custom_nav_update($menu_id, $menu_item_db_id, $args ) {
$custom_meta_fields = array(
'menu-item-tie-megamenu-type',
'menu-item-tie-megamenu-columns',
'menu-item-tie-megamenu-icon',
'menu-item-tie-megamenu-image',
'menu-item-tie-megamenu-position',
'menu-item-tie-megamenu-position-y',
'menu-item-tie-megamenu-min-height',
'menu-item-tie-megamenu-repeat',
'menu-item-tie-megamenu-padding-left',
'menu-item-tie-megamenu-padding-right'
);
foreach( $custom_meta_fields as $custom_meta_field ){
$save_option_name = str_replace( 'menu-item-', '', $custom_meta_field);
$save_option_name = str_replace( '-', '_', $save_option_name);
if ( !empty($_REQUEST[ $custom_meta_field ][ $menu_item_db_id ] ) ) {
$custom_value = $_REQUEST[ $custom_meta_field ][ $menu_item_db_id ];
update_post_meta( $menu_item_db_id, $save_option_name, $custom_value );
}else{
delete_post_meta( $menu_item_db_id, $save_option_name );
}
}
}
/*
* Adds value of new field to $item object that will be passed to Walker_Nav_Menu_Edit_Custom
*/
add_filter( 'wp_setup_nav_menu_item','tie_custom_nav_item' );
function tie_custom_nav_item($menu_item) {
$menu_item->tie_megamenu_type = get_post_meta( $menu_item->ID, 'tie_megamenu_type', true );
$menu_item->tie_megamenu_icon = get_post_meta( $menu_item->ID, 'tie_megamenu_icon', true );
$menu_item->tie_megamenu_image = get_post_meta( $menu_item->ID, 'tie_megamenu_image', true );
$menu_item->tie_megamenu_position = get_post_meta( $menu_item->ID, 'tie_megamenu_position', true );
$menu_item->tie_megamenu_position_y = get_post_meta( $menu_item->ID, 'tie_megamenu_position_y', true );
$menu_item->tie_megamenu_repeat = get_post_meta( $menu_item->ID, 'tie_megamenu_repeat', true );
$menu_item->tie_megamenu_min_height = get_post_meta( $menu_item->ID, 'tie_megamenu_min_height', true );
$menu_item->tie_megamenu_padding_left = get_post_meta( $menu_item->ID, 'tie_megamenu_padding_left', true );
$menu_item->tie_megamenu_padding_right = get_post_meta( $menu_item->ID, 'tie_megamenu_padding_right', true );
return $menu_item;
}
/**
* Navigation Menu template functions
*/
class tie_mega_menu_edit_walker extends Walker_Nav_Menu {
/**
* Starts the list before the elements are added.
*
* @see Walker_Nav_Menu::start_lvl()
*
* @since 3.0.0
*
* @param string $output Passed by reference.
* @param int $depth Depth of menu item. Used for padding.
* @param array $args Not used.
*/
public function start_lvl( &$output, $depth = 0, $args = array() ) {}
/**
* Ends the list of after the elements are added.
*
* @see Walker_Nav_Menu::end_lvl()
*
* @since 3.0.0
*
* @param string $output Passed by reference.
* @param int $depth Depth of menu item. Used for padding.
* @param array $args Not used.
*/
public function end_lvl( &$output, $depth = 0, $args = array() ) {}
/**
* Start the element output.
*
* @see Walker_Nav_Menu::start_el()
* @since 3.0.0
*
* @param string $output Passed by reference. Used to append additional content.
* @param object $item Menu item data object.
* @param int $depth Depth of menu item. Used for padding.
* @param array $args Not used.
* @param int $id Not used.
*/
public function start_el( &$output, $item, $depth = 0, $args = array(), $id = 0 ) {
global $_wp_nav_menu_max_depth;
$_wp_nav_menu_max_depth = $depth > $_wp_nav_menu_max_depth ? $depth : $_wp_nav_menu_max_depth;
ob_start();
$item_id = esc_attr( $item->ID );
$removed_args = array(
'action',
'customlink-tab',
'edit-menu-item',
'menu-item',
'page-tab',
'_wpnonce',
);
$original_title = '';
if ( 'taxonomy' == $item->type ) {
$original_title = get_term_field( 'name', $item->object_id, $item->object, 'raw' );
if ( is_wp_error( $original_title ) )
$original_title = false;
} elseif ( 'post_type' == $item->type ) {
$original_object = get_post( $item->object_id );
$original_title = get_the_title( $original_object->ID );
}
$classes = array(
'menu-item menu-item-depth-' . $depth,
'menu-item-' . esc_attr( $item->object ),
'menu-item-edit-' . ( ( isset( $_GET['edit-menu-item'] ) && $item_id == $_GET['edit-menu-item'] ) ? 'active' : 'inactive'),
);
$title = $item->title;
if ( ! empty( $item->_invalid ) ) {
$classes[] = 'menu-item-invalid';
/* translators: %s: title of menu item which is invalid */
$title = sprintf( __( '%s (Invalid)' ), $item->title );
} elseif ( isset( $item->post_status ) && 'draft' == $item->post_status ) {
$classes[] = 'pending';
/* translators: %s: title of menu item in draft status */
$title = sprintf( __('%s (Pending)'), $item->title );
}
$title = ( ! isset( $item->label ) || '' == $item->label ) ? $title : $item->label;
$submenu_text = '';
if ( 0 == $depth )
$submenu_text = 'style="display: none;"';
?>
<li id="menu-item-<?php echo $item_id; ?>" class="<?php echo implode(' ', $classes ); ?>">
<dl class="menu-item-bar">
<dt class="menu-item-handle">
<span class="item-title"><span class="menu-item-title"><?php echo esc_html( $title ); ?></span> <span class="is-submenu" <?php echo $submenu_text; ?>><?php _e( 'sub item' ); ?></span></span>
<span class="item-controls">
<span class="item-type"><?php echo esc_html( $item->type_label ); ?></span>
<span class="item-order hide-if-js">
<a href="<?php
echo wp_nonce_url(
add_query_arg(
array(
'action' => 'move-up-menu-item',
'menu-item' => $item_id,
),
remove_query_arg($removed_args, admin_url( 'nav-menus.php' ) )
),
'move-menu_item'
);
?>" class="item-move-up"><abbr title="<?php esc_attr_e('Move up'); ?>">↑</abbr></a>
|
<a href="<?php
echo wp_nonce_url(
add_query_arg(
array(
'action' => 'move-down-menu-item',
'menu-item' => $item_id,
),
remove_query_arg($removed_args, admin_url( 'nav-menus.php' ) )
),
'move-menu_item'
);
?>" class="item-move-down"><abbr title="<?php esc_attr_e('Move down'); ?>">↓</abbr></a>
</span>
<a class="item-edit" id="edit-<?php echo $item_id; ?>" title="<?php esc_attr_e('Edit Menu Item'); ?>" href="<?php
echo ( isset( $_GET['edit-menu-item'] ) && $item_id == $_GET['edit-menu-item'] ) ? admin_url( 'nav-menus.php' ) : add_query_arg( 'edit-menu-item', $item_id, remove_query_arg( $removed_args, admin_url( 'nav-menus.php#menu-item-settings-' . $item_id ) ) );
?>"><?php _e( 'Edit Menu Item' ); ?></a>
</span>
</dt>
</dl>
<div class="menu-item-settings wp-clearfix" id="menu-item-settings-<?php echo $item_id; ?>">
<?php if( 'custom' == $item->type ) : ?>
<p class="field-url description description-wide">
<label for="edit-menu-item-url-<?php echo $item_id; ?>">
<?php _e( 'URL' ); ?><br />
<input type="text" id="edit-menu-item-url-<?php echo $item_id; ?>" class="widefat code edit-menu-item-url" name="menu-item-url[<?php echo $item_id; ?>]" value="<?php echo esc_attr( $item->url ); ?>" />
</label>
</p>
<?php endif; ?>
<p class="description description-thin">
<label for="edit-menu-item-title-<?php echo $item_id; ?>">
<?php _e( 'Navigation Label' ); ?><br />
<input type="text" id="edit-menu-item-title-<?php echo $item_id; ?>" class="widefat edit-menu-item-title" name="menu-item-title[<?php echo $item_id; ?>]" value="<?php echo esc_attr( $item->title ); ?>" />
</label>
</p>
<p class="description description-thin">
<label for="edit-menu-item-attr-title-<?php echo $item_id; ?>">
<?php _e( 'Title Attribute' ); ?><br />
<input type="text" id="edit-menu-item-attr-title-<?php echo $item_id; ?>" class="widefat edit-menu-item-attr-title" name="menu-item-attr-title[<?php echo $item_id; ?>]" value="<?php echo esc_attr( $item->post_excerpt ); ?>" />
</label>
</p>
<p class="field-link-target description">
<label for="edit-menu-item-target-<?php echo $item_id; ?>">
<input type="checkbox" id="edit-menu-item-target-<?php echo $item_id; ?>" value="_blank" name="menu-item-target[<?php echo $item_id; ?>]"<?php checked( $item->target, '_blank' ); ?> />
<?php _e( 'Open link in a new window/tab' ); ?>
</label>
</p>
<p class="field-css-classes description description-thin">
<label for="edit-menu-item-classes-<?php echo $item_id; ?>">
<?php _e( 'CSS Classes (optional)' ); ?><br />
<input type="text" id="edit-menu-item-classes-<?php echo $item_id; ?>" class="widefat code edit-menu-item-classes" name="menu-item-classes[<?php echo $item_id; ?>]" value="<?php echo esc_attr( implode(' ', $item->classes ) ); ?>" />
</label>
</p>
<p class="field-xfn description description-thin">
<label for="edit-menu-item-xfn-<?php echo $item_id; ?>">
<?php _e( 'Link Relationship (XFN)' ); ?><br />
<input type="text" id="edit-menu-item-xfn-<?php echo $item_id; ?>" class="widefat code edit-menu-item-xfn" name="menu-item-xfn[<?php echo $item_id; ?>]" value="<?php echo esc_attr( $item->xfn ); ?>" />
</label>
</p>
<p class="field-description description description-wide">
<label for="edit-menu-item-description-<?php echo $item_id; ?>">
<?php _e( 'Description' ); ?><br />
<textarea id="edit-menu-item-description-<?php echo $item_id; ?>" class="widefat edit-menu-item-description" rows="3" cols="20" name="menu-item-description[<?php echo $item_id; ?>]"><?php echo esc_html( $item->description ); // textarea_escaped ?></textarea>
<span class="description"><?php _e('The description will be displayed in the menu if the current theme supports it.'); ?></span>
</label>
</p>
<?php
/**
* Fires just before the move buttons of a nav menu item in the menu editor.
*
* @since 5.4.0
*
* @param int $item_id Menu item ID.
* @param WP_Post $item Menu item data object.
* @param int $depth Depth of menu item. Used for padding.
* @param stdClass $args An object of menu item arguments.
* @param int $id Nav menu ID.
*/
do_action( 'wp_nav_menu_item_custom_fields', $item_id, $item, $depth, $args, $id );
?>
<p class="field-move hide-if-no-js description description-wide">
<label>
<span><?php _e( 'Move' ); ?></span>
<a href="#" class="menus-move-up"><?php _e( 'Up one' ); ?></a>
<a href="#" class="menus-move-down"><?php _e( 'Down one' ); ?></a>
<a href="#" class="menus-move-left"></a>
<a href="#" class="menus-move-right"></a>
<a href="#" class="menus-move-top"><?php _e( 'To the top' ); ?></a>
</label>
</p>
<div class="menu-item-actions description-wide submitbox">
<?php if( 'custom' != $item->type && $original_title !== false ) : ?>
<p class="link-to-original">
<?php printf( __('Original: %s'), '<a href="' . esc_attr( $item->url ) . '">' . esc_html( $original_title ) . '</a>' ); ?>
</p>
<?php endif; ?>
<a class="item-delete submitdelete deletion" id="delete-<?php echo $item_id; ?>" href="<?php
echo wp_nonce_url(
add_query_arg(
array(
'action' => 'delete-menu-item',
'menu-item' => $item_id,
),
admin_url( 'nav-menus.php' )
),
'delete-menu_item_' . $item_id
); ?>"><?php _e( 'Remove' ); ?></a> <span class="meta-sep hide-if-no-js"> | </span> <a class="item-cancel submitcancel hide-if-no-js" id="cancel-<?php echo $item_id; ?>" href="<?php echo esc_url( add_query_arg( array( 'edit-menu-item' => $item_id, 'cancel' => time() ), admin_url( 'nav-menus.php' ) ) );
?>#menu-item-settings-<?php echo $item_id; ?>"><?php _e('Cancel'); ?></a>
</div>
<input class="menu-item-data-db-id" type="hidden" name="menu-item-db-id[<?php echo $item_id; ?>]" value="<?php echo $item_id; ?>" />
<input class="menu-item-data-object-id" type="hidden" name="menu-item-object-id[<?php echo $item_id; ?>]" value="<?php echo esc_attr( $item->object_id ); ?>" />
<input class="menu-item-data-object" type="hidden" name="menu-item-object[<?php echo $item_id; ?>]" value="<?php echo esc_attr( $item->object ); ?>" />
<input class="menu-item-data-parent-id" type="hidden" name="menu-item-parent-id[<?php echo $item_id; ?>]" value="<?php echo esc_attr( $item->menu_item_parent ); ?>" />
<input class="menu-item-data-position" type="hidden" name="menu-item-position[<?php echo $item_id; ?>]" value="<?php echo esc_attr( $item->menu_order ); ?>" />
<input class="menu-item-data-type" type="hidden" name="menu-item-type[<?php echo $item_id; ?>]" value="<?php echo esc_attr( $item->type ); ?>" />
</div><!-- .menu-item-settings-->
<ul class="menu-item-transport"></ul>
<?php
$output .= ob_get_clean();
}
} // Walker_Nav_Menu
?>
×
![wp nav menu walker 加字段，用字段控制输出样例]()
wp nav menu walker 加字段，用字段控制输出样例
<?php class tie_m...
