benutzerdefinierte li-class in wp_list_pages einfügen

Ich habe derzeit eine übergeordnete Seite mit einigen untergeordneten Seiten. Ich kann diese untergeordneten Seiten auflisten, möchte jedoch eine benutzerdefinierte li-class einfügen. Die wp_list_pages gibt

  • . Ich möchte dafür

  • . Hier ist der Code, den ich bisher habe:

     $children = wp_list_pages( 'title_li=&child_of='.$post->ID.'&echo=0' ); if ( $children) : ?>  <?php endif; 

    Solutions Collecting From Web of "benutzerdefinierte li-class in wp_list_pages einfügen"

    wp_list_pages können Sie eine Walker-function wp_list_pages . Das würde Ihnen die Freiheit geben, beliebige classn hinzuzufügen, aber es ist keine Anfängermethode. Sie könnten damit beginnen , dies zu lesen .

    Wenn Sie eine einfache Suche und Ersetzung für die class wünschen, wie Ihre Frage zu zeigen scheint, können Sie den Filter wp_list_pages wie wp_list_pages :

     add_filter ('wp_list_pages','wpse241119_replace_class',10,3); function wpse241119_replace_class ($output, $r, $pages) { $output = str_replace ('page-item number', 'hvr-underline', $output); return $output; } 

    Wenn es keinen Grund gibt, Sie aufzuhalten, können Sie dies einfach lösen, indem Sie der ul eine class hinzufügen und einen komplexeren Selektor in Ihrem CSS oder JavaScript verwenden:

     $children = wp_list_pages( 'title_li=&child_of='.$post->ID.'&echo=0' ); if ( $children) : ?>  < ?php endif; 

    Und dann adressieren Sie jedes li als ul.wpse241119_list li oder, falls die Liste verschachtelt sein könnte, ul.wpse241119_list > li , um die Top-Level-Listenelemente ul.wpse241119_list > li .