将Bootstrap类/样式添加到Wordpress wp_list_pages菜单项

时间:2016-02-23 07:08:47

标签: php css wordpress menuitem

我有一些代码可以在我的Wordpress网站上生成侧边栏菜单,如下所示......

<ul>
    <?php
    if($post->post_parent)
        $children = wp_list_pages("title_li=&sort_column=menu_order&child_of=".$post->post_parent."&echo=1");
    else
        $children = wp_list_pages("title_li=&child_of=".$post->ID."&echo=1");
        if ($children) { ?>
            <?php echo $children; ?>
        </div>
    <?php } ?>
</ul>

以下列方式输出代码......

<ul>
    <li class="page_item page-item-94 current_page_item"><a href="#">Menu Item</a></li>
</ul>

问题是,我需要它使用我的Bootstrap 3样式并输出如下列表...

<div class="list-group submenu">
    <a href="#" class="list-group-item">Menu Item</a>
</div>

基本上我需要将list-group-item类添加到输出列表项中的a标记。那可能吗?

2 个答案:

答案 0 :(得分:1)

你可以通过jquery

来做到这一点
$(document).ready(function(){
    $("ul").find("li").each(function(){
      $(this).addClass("YourClass");
    })
})

答案 1 :(得分:0)

您的Walker课程可以简单地扩展$output的输出,修改您的functions.php将该课程置于class NS_CS_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><div>' . get_post_meta( $post_id, $key, $single ) . '</div></li>'; // modify your output here } // End start_el } // End Walker Class

$args = array(
    'walker'      => new NS_CS_Walker()
        // your extra $args would be here
);

wp_list_pages( $args );

然后你的渲染代码应该是

Filter<Document>.Query(q =>
   q.Terms(p=> p.Field, valuesCollection)
);