如何通过在上下文末尾创建一个空容器来扩展侧边栏

时间:2016-04-28 07:21:05

标签: php html css wordpress

convert 1 -> 2

我已经尝试过在互联网上找到的一些流程。其中一些,我无法理解,其中一些是在一个容器上创建一个列。我实际上看的是将图像转换为上图中所示的“图像1”到“图像2”。

style.css

#container {
float: left;
margin: 0 -240px 0 0;
width: 100%;
}

#content {
margin: 0 280px 0 20px;
 }

#primary,
#secondary {
float: right;
overflow: hidden;
width: 220px;
}

#secondary {
clear: right;
}

#footer {
clear: both;
width: 100%;
}

的functions.php

function tnc_widgets_init() {register_sidebar( array(
                'name' => __( 'Fourth Widget Area', 'twentyten' ),
                'id' => 'fourth-widget-area',
                'description' => __( 'An optional secondary widget area, ', 'twentyten' ),

                'before_widget' => '<li id="%1$s" class="widget-container %2$s">',
                'after_widget' => '</li>',
                'before_title' => '<h3 class="widget-title">',
                'after_title' => '</h3>',
                ) 
                );
        }
add_action( 'widgets_init', 'tnc_widgets_init' );

的sidebar.php

<div id="" class="widget-area" role="complementary">
        <ul class="xoxo">
            <?php dynamic_sidebar( 'fourth-widget-area' ); ?>
        </ul>
    </div>

我想要的是显示新的小部件区域,并使其显示即使没有要显示的内容并将其扩展到底部(到列的相同高度)。 感谢。

1 个答案:

答案 0 :(得分:0)

在sidebar.php文件中没有设置id ....你也不需要清除任何div,而你用你的页脚部分清除它们......希望有意义