3
我正在使用wordpress網站。我想知道有什麼方法可以在wordpress導航菜單2級子頁面中添加縮略圖。下面是WordPress的導航菜單添加縮略圖到二級wordpress導航菜單
菜單第一級>>>標題
菜單二級>>>縮略圖,標題
菜單第三級>>>標題
請檢查結構截圖。
簡而言之,我想使我可以通過wp菜單選項來控制相同的功能。 謝謝
我正在使用wordpress網站。我想知道有什麼方法可以在wordpress導航菜單2級子頁面中添加縮略圖。下面是WordPress的導航菜單添加縮略圖到二級wordpress導航菜單
菜單第一級>>>標題
菜單二級>>>縮略圖,標題
菜單第三級>>>標題
請檢查結構截圖。
簡而言之,我想使我可以通過wp菜單選項來控制相同的功能。 謝謝
它很容易。我剛剛找到解決方案,它爲我的作品
class Menu_With_Description extends Walker_Nav_Menu {
function start_el(&$output, $item, $depth, $args) {
global $wp_query;
$indent = ($depth) ? str_repeat("", $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="' . esc_attr($item->url ) .'"' : '';
// get user defined attributes for thumbnail images
$attr_defaults = array('class' => 'nav_thumb' , 'alt' => esc_attr($item->attr_title) , 'title' => esc_attr($item->attr_title));
$attr = isset($args->thumbnail_attr) ? $args->thumbnail_attr : '';
$attr = wp_parse_args($attr , $attr_defaults);
$item_output = $args->before;
$item_output .= '<a'. $attributes .'>';
if($depth == 1){
// thumbnail image output
$item_output .= (isset($args->thumbnail_link) && $args->thumbnail_link) ? '<a' . $attributes . '>' : '';
$item_output .= apply_filters('menu_item_thumbnail' , (isset($args->thumbnail) && $args->thumbnail) ? get_the_post_thumbnail($item->object_id , (isset($args->thumbnail_size)) ? $args->thumbnail_size : 'thumbnail' , $attr) : '' , $item , $args , $depth);
$item_output .= (isset($args->thumbnail_link) && $args->thumbnail_link) ? '</a>' : '';
}
// menu link output
$item_output .= $args->link_before . apply_filters('the_title', $item->title, $item->ID) . $args->link_after;
// menu description output based on depth
//$item_output .= ($args->desc_depth >= $depth) ? '<br /><span class="sub">' . $item->description . '</span>' : '';
// close menu link anchor
$item_output .= '</a>';
$item_output .= $args->after;
$output .= apply_filters('walker_nav_menu_start_el', $item_output, $item, $depth, $args);
}
}
add_filter('wp_nav_menu_args' , 'my_add_menu_descriptions');
function my_add_menu_descriptions($args) {
$args['walker'] = new Menu_With_Description;
$args['desc_depth'] = 1;
$args['thumbnail'] = true;
$args['thumbnail_link'] = false;
$args['thumbnail_size'] = 'nav-thumb';
$args['thumbnail_attr'] = array('class' => 'nav_thumb my_thumb' , 'alt' => 'test' , 'title' => 'test');
return $args;
}
剛剛貼上的functions.php,你可以在菜單項中添加縮略圖。
我不擅長php。我不覺得它有用。 –
我想這個沒有任何插件 –