如何在div中自动包装WordPress小部件?

时间:2012-05-09 13:24:24

标签: html wordpress widget

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

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

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

2 个答案:

答案 0 :(得分:3)

注册边栏时处理的

请参阅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>',
) );

答案 1 :(得分:3)

您可以在注册窗口小部件时直接添加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' );