html - 如何在 div 中自动包装 WordPress 小部件？

Question

如何在不更改小部件本身的情况下自动将默认 WordPress 小部件包装到 DIV 中？我正在尝试自动执行此操作：

<div class="widget">
Some WordPress widget's code
</div>

有没有办法自动包装这些小部件？

Answer 1

注册侧边栏时会处理，请参阅http://codex.wordpress.org/Function_Reference/register_sidebar

和例子

register_sidebar( array(
    'name' => __( 'Main Sidebar', 'twentyeleven' ),
    'id' => 'sidebar-1',
    'before_widget' => '<aside id="%1$s" class="widget %2$s">',
    'after_widget' => "</aside>",
    'before_title' => '<h3 class="widget-title">',
    'after_title' => '</h3>',
) );

Answer 2

您可以在注册小部件时直接添加 html。你可以看到，我是如何在我们的小部件中添加 html 的。

如下所示：

<div id="sample-widget" style="text-align:center">

下面是注册小部件的完整代码。

// Registering new widget area
function sample_widgets_init() {
    register_sidebar( array(
        'name' => 'Footer',
        'id' => 'Footer',
        'before_widget' => '<div id="sample-widget" style="text-align:center">',
        'after_widget' => '</div>',
        'before_title' => '<h2 class="rounded">',
        'after_title' => '</h2>',
    ) );
}
// Initializing our newly created function named as "sample_widgets_init"
add_action( 'widgets_init', 'sample_widgets_init' );