Custom Walker: come ottenere l'ID nella funzione start_lvl

Question

Custom Walker: come ottenere l'ID nella funzione start_lvl

16 ago 2012, 22:57:02

Visualizzazioni: 18.1K

Voti: 21

Sto creando il mio primo custom walker per costruire un menu ad accordion. Per iniziare ho usato questo esempio: http://bitacre.com/2025/custom-nav-menu-walker-for-wordpress-themes

Ci sono due funzioni. Prima start_lvl e poi start_el.

In start_el l'ID viene implementato tramite $item->ID. Qualcuno sa come posso fare lo stesso in start_lvl? Ho bisogno di dare al (menu di livello inferiore circostante) un ID così posso attivare il collassamento nel menu ad accordion.

Quello che sto cercando di generare è qualcosa del genere:

<a href="#collapse2">Titolo 2</a>
<ul id="collapse2">Menu di livello inferiore 2</ul>
<a href="#collapse3">Titolo 3</a>
<ul id="collapse3">Menu di livello inferiore 3</ul>

Il mio codice per la funzione start_lvl:

// aggiungi id e classi agli ul dei sub-menu
function start_lvl( &$output, $depth, $item ) {
    // classi dipendenti dalla profondità
    $indent = ( $depth > 0  ? str_repeat( "\t", $depth ) : '' ); // indentazione del codice
    $display_depth = ( $depth + 1); // perché conta il primo submenu come 0
    $pgid = ; // Come ottenere l'ID qui??
    $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 );

    // costruisci html
    $output .= "\n" . $indent . '<ul id="' . $id_name . '" class="' . $class_names . '">' . "\n";
}

Robert Bouten

376

personalizzazione id walker

Tutte le risposte alla domanda

Commenti

Questa è la soluzione più elegante presentata in questo thread. Grazie Lane!

Kevin C.

1 giu 2013 01:05:44

Davvero un approccio molto pulito che funziona bene. Molte grazie.

Isaac Gregson

1 giu 2015 20:08:13

Non sono sicuro, ma devo aggiungere tutto il codice predefinito a start_el per farlo funzionare?

GDY

7 feb 2017 09:27:55

Puoi semplicemente usare parent::start_el($output,$item,$depth,$args,$id); nello start_el ...

GDY

7 feb 2017 09:37:40

Fantastico, volevo capire come fare questa cosa da tempo e ha funzionato subito. Grazie.

cfx

21 giu 2018 04:55:47

Mostra i restanti 2 commenti

Commenti

Grazie per aver pubblicato! Spero di trovare un po' di tempo per risolverlo nei prossimi giorni, ma al momento sono davvero impegnato con lo studio. Ti farò sapere il risultato!

Robert Bouten

17 set 2012 23:09:14

Non sono sicuro se questo filtro sia mai esistito, ma in WP 5.5 non vedo che esista un filtro del genere

Alexander Holsgrove

28 ott 2020 21:11:13

Commenti

Questo è nella funzione start_el, ma apparentemente è diverso in start_lvl perché non posso inserire le stesse variabili lì. O almeno non nello stesso ordine.

Robert Bouten

16 ago 2012 23:38:57

Cosa stai cercando di fare con start_lvl?

AlxVallejo

16 ago 2012 23:40:45

Sto cercando di dare all'<ul> un id="collapse102" con 102 che è l'ID della pagina generata. In questo modo posso attivarlo per collassarlo nel mio menu ad accordion.

Robert Bouten

16 ago 2012 23:50:50

Aggiungere l'id="collapse" funziona, ma non riesco a farlo funzionare per aggiungere anche il pageID.

Robert Bouten

16 ago 2012 23:51:58

Intendi che vuoi che solo ID specifici siano collassati? Ho un accordion tree per wp_list_pages e non ho bisogno di modificare start_lvl per niente.

AlxVallejo

16 ago 2012 23:54:56

Mostra i restanti 6 commenti

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

Ho dovuto fare questa cosa in uno dei miei temi... Dato che non hai accesso alla variabile $item in quella fase del Walker, vorrai memorizzare l'elemento corrente in un ambito più globale nel momento in cui hai effettivamente accesso ad esso. Il seguente codice avrà più senso... nota: ho rimosso tutto tranne il codice rilevante.

class ThemeTruck_Nav_Walker extends Walker_Nav_Menu {
   private $curItem;

  // recupera il curItem
  function start_lvl(&$output, $depth = 0, $args = array()) {
    var_dump($this->curItem );
  }

  // memorizza il curItem
  function start_el(&$output, $item, $depth = 0, $args = array(), $id = 0) {
    $this->curItem = $item;
  }

 }

Lane

650

3 gen 2013 07:34:27

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

Puoi utilizzare il seguente filtro nella tua funzione start_el e recuperare il tuo argomento nella funzione start_lvl.

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

Fammi sapere se funziona.

Nabajit Roy

21

16 set 2012 12:43:17

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

Puoi semplicemente aggiungere $page all'argomento del walker personalizzato:

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>';

Prova il codice sopra e prima di chiamare wp_list_pages(), aggiungi la classe del walker personalizzato:

$MyWalker = new My_Custom_Walker();

Poi, negli argomenti per wp_list_pages:

wp_list_pages('walker' => $MyWalker)

Controlla e verifica se l'output del walker risulta rosso.