如何强制侧栏小部件在所有子小部件周围都有一个容器div？

时间：2010-12-15 作者：Scott B

我的主题为最终用户创建了几个小部件区域。然而，我有一个小问题，如果将多个小部件放到任何侧栏容器中，那么“view source”中的结果代码不会包装在单个容器div中。

例如，下面是它的外观

单个小部件容器的开始：

<div class="name-of-my-widget">
    <h4>Widget title</h4>
    <div class="textwidget">
        contents of widget 1
    </div>
</div>

<div class="name-of-my-widget">
    <h4>Widget title</h4>
    <div class="textwidget">
        contents of widget 2
    </div>
</div>
我需要如何创建这个小部件，以便单个包装器div封装添加到容器中的所有小部件？

if ( function_exists(\'register_sidebar\') )
register_sidebar(array(
    \'name\' => \'Inside Header Area\',
    \'id\' => \'inside-header-widget\',
    \'before_widget\' => \'<div class="test-sidebar  %2$s">\',
    \'after_widget\' => \'</div>\', 
    \'before_title\' => \'<h4>\',
    \'after_title\' => \'</h4>\',
));

1 个回复
最合适的回答,由SO网友:Rarst 整理而成

侧栏功能不能处理包装容器，您需要在模板级别添加它。以下是标记示例sidebar-primary.php 模板（取自混合主题并稍微简化）：

if ( is_active_sidebar( \'primary\' ) ) : ?>

    <div id="primary" class="sidebar aside">

        <?php dynamic_sidebar( \'primary\' ); ?>

    </div><!-- #primary .aside -->

<?php endif; ?>
我也强烈推荐Justin的Sidebars in WordPress 辅导的

结束
标签： theme-development   widgets   小码农  

相关推荐

Why use widgets?

我对使用WordPress很陌生，我想知道使用小部件的好处是什么？看here 这听起来像是为那些不是程序员的人准备的，他们想在他们的网站上添加插件。对吗？或者小部件是否在某种程度上使站点更加健壮？