wordpress register_sidebar "class“不起作用

Question

这看起来简单明了--但事实并非如此。

我试图在小部件输出的内部部分注册一个类。我使用的是引导程序3，所以我必须向内部部分添加一个panel-body类，而整个小部件本身是由一个面板panel-default类包装的。

示例：

register_sidebar( 
        array( 
                'name' => __( 'Home Page (Beside Content)' , 'symbiostock' ),
                'id' => 'home-page-beside-content',
                'class'         => 'panel-body',
                'before_widget' => '<div class="panel panel-default home-beside-content"><aside id="%1$s" class="widget %2$s">',
                'after_widget' => '</aside></div>',
                'before_title' => '<div class="row panel-heading"><h3 class="featured-posts col-md-12">',
                'after_title' => '</h3></div>', ) );

人们可能会认为“class =>某事”会在小部件的内部注册一个类，但它不会出现。

<div class="panel panel-default home-beside-content">
   <aside class="widget widget_text" id="text-8">
      <div class="row panel-heading">
         <h3 class="featured-posts col-md-12">This is a test</h3>
      </div>
      <div class="textwidget">This is a test</div>
   </aside>
</div>

然而，我期待：

<div class="panel panel-default home-beside-content">
   <aside class="widget widget_text" id="text-8">
      <div class="row panel-heading">
         <h3 class="featured-posts col-md-12">This is a test</h3>
      </div>
      <div class="textwidget panel-body">This is a test</div>
   </aside>
</div>

注意“面板-主体”的加法。

我怎么才能解决这个问题？类嵌套的顺序很重要，因为我使用的是引导程序3

http://getbootstrap.com/components/#panels

Answer 1

我在主题的jQuery文件末尾解决了footer.php的问题。

对于每个面板，您需要获取除之外的子程序，并将它们包装在面板-body中。

<script>
jQuery('.panel').each(function(index, value) {
 jQuery(value).children().not('.panel-heading').wrapAll('<div class="panel-body"></div>');
});
</script>

注意:我使用了单词JQuery，因为快捷方式$不可用。

Answer 2

是的，人们会这样想，但Wordpress经常做的与你想的完全相反！:-)

我以前也有过这个问题。因为某种特殊的原因，它不是那样工作的。您需要使用一些技巧将您的小部件包装在该类中。类似于：

register_sidebar( 
    array( 
            'name' => __( 'Home Page (Beside Content)' , 'symbiostock' ),
            'id' => 'home-page-beside-content',
            'before_widget' => '<div class="panel panel-default home-beside-content"><aside id="%1$s" class="widget %2$s">',
            'after_widget' => '</div></aside></div>',
            'before_title' => '<div class="row panel-heading"><h3 class="featured-posts col-md-12">',
            'after_title' => '</h3></div><div class="panel-body">', ) );

请注意，您正在启动'after_title‘中的新div，并在'after_widget’中关闭它。