Как получить ID элемента в функции start_lvl в Custom Walker для WordPress

Question

Как получить ID элемента в функции start_lvl в Custom Walker для WordPress

16 авг. 2012 г., 22:57:02

Просмотры: 18.1K

Голосов: 21

Я создаю свой первый кастомный Walker для построения аккордеонного меню. В качестве основы я использовал этот пример: http://bitacre.com/2025/custom-nav-menu-walker-for-wordpress-themes

Есть две функции. Первая - start_lvl, а затем start_el.

В start_el ID элемента доступен через $item->ID. Кто-нибудь знает, как я могу получить его также в start_lvl? Мне нужно задать ID для <ul> (который окружает подуровни навигации), чтобы я мог управлять его сворачиванием в аккордеонном меню.

Я пытаюсь сгенерировать что-то вроде этого:

<a href="#collapse2">Заголовок 2</a>
<ul id="collapse2">Подменю 2</ul>
<a href="#collapse3">Заголовок 3</a>
<ul id="collapse3">Подменю 3</ul>

Мой код для функции start_lvl:

// добавляем id и классы к ul подменю
function start_lvl( &$output, $depth, $item ) {
    // классы, зависящие от глубины
    $indent = ( $depth > 0  ? str_repeat( "\t", $depth ) : '' ); // отступ кода
    $display_depth = ( $depth + 1); // потому что первый подуровень считается как 0
    $pgid = ; // Как получить ID здесь??
    $classes = array(
        'sub-menu',
        ( $display_depth == 1  ? 'accordion-body collapse' : '' ),
        ( $display_depth % 2  ? 'menu-odd' : 'menu-even' ),
        ( $display_depth >=2 ? 'sub-sub-menu' : '' ),
        'menu-depth-' . $display_depth
        );
    $ids = array(
        'collapse' . $pgid
        );
    $class_names = implode( ' ', $classes );
    $id_name = implode( ' ', $ids );

    // формируем html
    $output .= "\n" . $indent . '<ul id="' . $id_name . '" class="' . $class_names . '">' . "\n";
}

Robert Bouten

376

кастомизация id вокер

Все ответы на вопрос

Комментарии

Это самое элегантное решение в данной ветке обсуждения. Спасибо, Lane!

Kevin C.

1 июн. 2013 г. 01:05:44

Действительно очень чистый подход, который отлично работает. Большое спасибо.

Isaac Gregson

1 июн. 2015 г. 20:08:13

Не уверен, но нужно ли добавлять весь стандартный код в start_el, чтобы это заработало?

GDY

7 февр. 2017 г. 09:27:55

Хорошо, вы можете просто использовать parent::start_el($output,$item,$depth,$args,$id); в start_el ...

GDY

7 февр. 2017 г. 09:37:40

Блестяще, давно хотел разобраться с этим, и это сработало сразу. Спасибо.

cfx

21 июн. 2018 г. 04:55:47

Показать остальные 2 комментариев

Комментарии

Спасибо за публикацию! Надеюсь найти время разобраться в ближайшие дни, но сейчас я очень занят учебой. Я сообщу вам о результате!

Robert Bouten

17 сент. 2012 г. 23:09:14

Не уверен, существовал ли этот фильтр раньше, но в WP 5.5 такого фильтра, насколько я вижу, нет

Alexander Holsgrove

28 окт. 2020 г. 21:11:13

Комментарии

Это в функции start_el, но, по-видимому, в start_lvl всё по-другому, потому что я не могу использовать там те же переменные. Или, по крайней мере, не в том же порядке.

Robert Bouten

16 авг. 2012 г. 23:38:57

Что ты пытаешься сделать с start_lvl?

AlxVallejo

16 авг. 2012 г. 23:40:45

Я пытаюсь задать для <ul> id="collapse102", где 102 — это сгенерированный ID страницы. Таким образом я смогу управлять его сворачиванием в моём аккордеон-меню.

Robert Bouten

16 авг. 2012 г. 23:50:50

Добавление id="collapse" работает, но у меня не получается добавить также pageID.

Robert Bouten

16 авг. 2012 г. 23:51:58

Вы имеете в виду, что хотите сворачивать только определенные ID? У меня есть аккордеонное дерево для wp_list_pages, и мне вообще не нужно изменять start_lvl.

AlxVallejo

16 авг. 2012 г. 23:54:56

Показать остальные 6 комментариев

Lane 650 · Answer 1 · 2013-01-03T07:34:27Z

Мне пришлось сделать это в одной из своих тем... Поскольку у вас нет доступа к переменной $item на этом этапе Walker, вам нужно сохранить текущий элемент в более глобальной области видимости в тот момент, когда у вас есть доступ к нему. Следующий код прояснит ситуацию... примечание: я оставил только релевантный код.

class ThemeTruck_Nav_Walker extends Walker_Nav_Menu {
   private $curItem;

  // получаем текущий элемент
  function start_lvl(&$output, $depth = 0, $args = array()) {
    var_dump($this->curItem );
  }

  // сохраняем текущий элемент
  function start_el(&$output, $item, $depth = 0, $args = array(), $id = 0) {
    $this->curItem = $item;
  }

 }

Nabajit Roy 21 · Answer 2 · 2012-09-16T12:43:17Z

Вы можете использовать следующий фильтр в вашей функции start_el и получить ваш аргумент в функции start_lvl.

apply_filters( 'walker_nav_menu_start_lvl', $item_output, $item, $depth, $args->myarg=$item->title );

Пожалуйста, дайте мне знать, если это сработает.

Nabajit Roy

21

16 сент. 2012 г. 12:43:17

AlxVallejo 1.48K · Answer 3 · 2012-08-16T23:29:00Z

Вы можете просто добавить $page в аргументы пользовательского walker'а:

class My_Custom_Walker extends Walker_page {
    function start_el(&$output, $page, $depth, $args, $current_page) {
        if ( $depth )
            $indent = str_repeat("\t", $depth);
        else
            $indent = '';

        extract($args, EXTR_SKIP);

        $output .= $indent . 
            '<li>
            <a style="color:red" href="' . get_page_link($page->ID) . '" title="' . 
            esc_attr( wp_strip_all_tags( apply_filters( 'the_title', $page->post_title, $page->ID ) ) ) . '">' . 
            $link_before . apply_filters( 'the_title', $page->post_title, $page->ID ) . $link_after . '</a>';

Попробуйте приведенный выше код, а затем перед вызовом wp_list_pages() добавьте класс пользовательского walker'а:

$MyWalker = new My_Custom_Walker();

Затем, в аргументах для wp_list_pages:

wp_list_pages('walker' => $MyWalker)

Проверьте, стал ли вывод walker'а красным.