Я намагався шукати інформацію про те, як виключити / видалити елементи навігаційного меню зі спеціальних меню, і єдиний знайдений нами потік не мав жодних корисних для мене відповідей.
1. Передумови:
Я склав меню Dock за допомогою спеціальних меню WP (wp_nav_menu) та jqDock на своєму сайті. Оскільки jqDock потребує постійних зображень або посилань на зображення, щоб виконувати свою магію, я використовую користувальницьку ходунку, щоб вихідний HTML-код меню виглядав приблизно так:
<div id="menu-first" class="nav">
<a><img src="http://path/to/image-1.png"/></a>
<a><img src="http://path/to/image-2.png"/></a>
<a><img src="http://path/to/image-3.png"/></a>
etc...
</div>
Код моєї користувальницької ходунки:
class custom_nav_walker extends Walker_Nav_Menu
{
var $tree_type = array( 'post_type', 'taxonomy', 'custom' );
var $db_fields = array( 'parent' => 'menu_item_parent', 'id' => 'db_id' );
function start_lvl(&$output, $depth) {
$indent = str_repeat("\t", $depth);
$output .= "\n$indent<ul class=\"sub-menu\">\n";
}
function end_lvl(&$output, $depth) {
$indent = str_repeat("\t", $depth);
$output .= "$indent</ul>\n";
}
function start_el(&$output, $item, $depth, $args) {
global $wp_query;
$indent = ( $depth ) ? str_repeat( "\t", $depth ) : '';
$class_names = $value = '';
$classes = empty( $item->classes ) ? array() : (array) $item->classes;
$classes[] = 'menu-item-' . $item->ID;
$class_names = join( ' ', apply_filters( 'nav_menu_css_class', array_filter( $classes ), $item, $args ) );
$class_names = ' class="' . esc_attr( $class_names ) . '"';
$id = apply_filters( 'nav_menu_item_id', 'menu-item-'. $item->ID, $item, $args );
$id = strlen( $id ) ? ' id="' . esc_attr( $id ) . '"' : '';
//$output .= $indent . '<li' . $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 ) .'"' : '';
$description = ! empty( $item->description ) ? esc_attr( strtolower( $item->description )) : '';
$item_title = ! empty( $item->attr_title ) ? esc_attr( $item->attr_title ) : '';
if ( strpos($description, ';') !== false ) {
$description_array = explode (';', $description);
$image_name = $description_array[0];
$image_alt = $description_array[1];
} else {
$image_name = $description;
$image_alt = $item_title;
}
$item_output = $args->before;
$item_output .= '<a'. $attributes .'>';
$item_output .= $args->link_before .'<img src="'.get_bloginfo('template_url').'/images/skin1/'.$image_name.'" alt="'.$image_alt.'" title="'.$item_title.'" />'.$args->link_after;
$item_output .= '</a>';
$item_output .= $args->after;
$output .= apply_filters( 'walker_nav_menu_start_el', $item_output, $item, $depth, $args );
}
function end_el(&$output, $item, $depth) {
$output .= "";
}
}
Потім сценарій jqDock вловлює ідентифікатор меню ("menu-first") і замінює вихід wp_nav_menu на меню Dock. Вихід HTML у меню Dock змінюється на основі параметрів, вказаних під час завантаження jqDock.
2. Питання:
Я хотів би не відображати (тобто виключати) певні пункти меню відповідно до того, де користувач перебуває на сайті. Наприклад, я хотів би показати елемент «Головна» лише тоді, коли користувача немає вдома, а пункт «Випадкова публікація» лише тоді, коли він є.
3. Відхилені рішення:
а. Muliple меню: Реєстрація та створення декількох меню, а потім умовне їх виклик може працювати; однак, я не вважаю це ідеальним чи чистим рішенням з багатьох причин. Крім того, кілька меню нелегко в обслуговуванні або оновлення.
б. Пошук і заміна Regex: Це може змусити мене змінювати параметр голки щоразу, коли я змінюю параметри jqDock, оскільки вихід HTML змінюється.
c. Властивість 'display' CSS: приховування елементів через властивість відображення CSS працює, але оскільки його потрібно застосувати до виводу меню jqDock, це впливає на візуальне відображення меню.
4. Невдалі рішення:
а. Фільтр до wp_nav_menu_items : Я спробував зловити змінну '$ items' (рядок) і призначити їй різні значення за допомогою умовних тегів із наступним кодом:
function userf_dynamic_nav_menu ($items) {
$items_array_home = explode('<a', $items);
$items_array_nothome = $items_array_home;
unset($items_array_home[1]);
unset($items_array_nothome[2]);
$items_home = implode('<a', $items_array_home);
$items_nothome = implode('<a', $items_array_nothome);
if ( is_home() ) {
$items = $items_home;
} else {
$items = $items_nothome;
}
return $items;
}
add_filter('wp_nav_menu_first_items', 'userf_dynamic_nav_menu');
Це працює лише частково, оскільки пункти меню дійсно змінюються, але умовні теги ігноруються. Я думаю, це має сенс через момент, коли застосовується фільтр.
б. Функція користувальницького навігаційного меню : Я спробував створити свою власну функцію меню наві, щоб можна було додати аргумент виключення до масиву $ за замовчуванням та використовувати цей трохи змінений код wp_list_pages
для заповнення додаткового аргументу:
$exclude_array = ( $args->exclude ) ? explode(',', $args->exclude) : array();
$args->exclude = implode( ',', apply_filters('wp_nav_menu_excludes', $exclude_array) );
Будь-які ідеї?
exclude
аргумент, але, всупереч wp_list_pages
і багатьом іншим функціям WP, wp_nav_menu
не включає жодного. Так що навіть якщо я вказую його під час виклику меню або в прогулянці, він не потрапляє всередину wp_nav_menu
, чи не так?