如何将类添加到侧栏小部件的<ul>和子元素<li> - Wordpress

Question

This is how I register the menus on my right sidebar:

if(function_exists('register_sidebar')){
  register_sidebar(array(
            'name'=>'sidebar_default',
            'before_widget' => '<div class="panel panel-info">',
            'after_widget' => '</div>',
            'before_title' => '<div class="panel-heading"><h4>',
            'after_title' => '</h4></div>'
        ));
 }

And this is the output:

<div class="panel panel-info">
   <div class="panel-heading">
      <h4>Title</h4>
   </div>
<div class="menu-openings-menu-container">
    <ul id="menu-openings-menu" class="menu">
       <li id="" class="menu-item-object-page menu-item-381"><a href="">Software</a></li>
       <li id="" class="menu-item-object-page menu-item-382"><a href="">Software</a></li>
       <li id="" class="menu-item-object-page menu-item-383"><a href="">Software</a></li>
       <li id="" class="menu-item-object-page menu-item-384"><a href="">Software</a></li>
       <li id="" class="menu-item-object-page menu-item-385"><a href="">Software</a></li>
    </ul>
</div>
</div>

and this is how do it need the output to be able to use Twitter Bootstrap list-styles styles:

<ul class="list-group">
  <li class="list-group-item">Cras justo odio</li>
  <li class="list-group-item">Dapibus ac facilisis in</li>
  <li class="list-group-item">Morbi leo risus</li>
  <li class="list-group-item">Porta ac consectetur ac</li>
  <li class="list-group-item">Vestibulum at eros</li>
</ul>

I appreciate all suggestions. Thanks.

Answer 1

According to the WordPress function reference, you can just add a 'class' => 'list-group', property to your passed options, like this:

if(function_exists('register_sidebar')){
    register_sidebar(array(
        'name'=>'sidebar_default',
        'before_widget' => '<div class="panel panel-info">',
        'after_widget' => '</div>',
        'before_title' => '<div class="panel-heading"><h4>',
        'after_title' => '</h4></div>',
        'class' => 'list-group'
    ));
}

This should set the class of the ul. I'm not sure if you can also set the class for the individual li's, but those can be accessed through the ul
(ul.list-group li in css)