如何在wordpress(3.0版)主题的页脚中添加侧边栏?

时间:2010-09-24 02:38:55

标签: wordpress-theming

我想在wordpress主题中添加侧边栏或小部件,我尝试了很多在线但是他们失败了因为它们已经过时了。我的网站链接在这里

http://lifetothebrim.com

 I want to add sidebar in three column layout.

谢谢

2 个答案:

答案 0 :(得分:1)

如何在WordPress主题的页脚中添加侧边栏


第1步。

在functions.php中注册你的侧边栏

if ( function_exists('register_sidebar') )
    register_sidebar(array(
        'name' => 'Footer Widgets Left',
        'before_widget' => '<div id="%1$s" class="widget %2$s">',
        'after_widget' => '</div>',
        'before_title' => '<h2 class="widgettitle">',
        'after_title' => '</h2>',
    ));

if ( function_exists('register_sidebar') )
        register_sidebar(array(
            'name' => 'Footer Widgets Center',
            'before_widget' => '<div id="%1$s" class="widget %2$s">',
            'after_widget' => '</div>',
            'before_title' => '<h2 class="widgettitle">',
            'after_title' => '</h2>',
        ));


if ( function_exists('register_sidebar') )
        register_sidebar(array(
            'name' => 'Footer Widgets Right',
            'before_widget' => '<div id="%1$s" class="widget %2$s">',
            'after_widget' => '</div>',
            'before_title' => '<h2 class="widgettitle">',
            'after_title' => '</h2>',
        ));

第2步。

创建模板文件并将其命名为 sidebar-footer.php ,并将调用包含在侧边栏中

<div class="footer-left>

    <?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('Footer Widgets Left') ) : ?><?php endif; ?>

</div>
<div class="footer-center">

   <?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('Footer Widgets Center') ) : ?><?php endif; ?>

</div>

<div class="footer-right">

   <?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('Footer Widgets Right') ) : ?><?php endif; ?>

</div>

注意:出于样式目的,您应该将上述函数调用包装在div

我用css clases“footer-left”,“footer-center”和“footer-right”将它分成3个小部件区域

您必须添加样式才能在CSS中显示它们。

示例:清除之前出现的所有浮动div。

.footer-left {width:300px;float:left;} .footer-center {width:300px;float:left;} .footer-right {width:300px;float:left;}

确保下一个div清除:两个

第3步。

在footer.php或任何模板的底部添加

<?php get_sidebar('footer'); ?>

答案 1 :(得分:0)

codex它没有过时http://codex.wordpress.org/Function_Reference/get_sidebar,这可能对你有帮助。