分享

如何使WordPress博客添加多个sidebar侧边栏

 UGPAA 2014-11-20

如何使WordPress博客添加多个sidebar侧边栏

制作wordpress模版的时候,也许你会遇到一个sidebar侧栏不能完全满足你的需求,或者侧栏内容过多导致页面过长,那么我们可以考虑使用两个或者更多侧栏。

考虑到需要修改functions.php和sidebar.php文件,因此开始前备份好文件以防万一。
首先看functions.php文件。文件里有一段代码的开始部分是这样的:

  1. <?php if ( function_exists('register_sidebar') )

删除这段代码以及相应的闭合括号,之后加入下面的内容:

  1. <?php if ( function_exists('register_sidebar') )
  2. register_sidebar(array('name'=>'sidebar1',
  3. 'before_widget' => '',
  4. 'after_widget' => '',
  5. 'before_title' => '<h2>',
  6. 'after_title' => '</h2>',
  7. ));
  8. ?>

这是一个侧栏的对应代码,如果我们要的是两个侧栏效果,那么就再加入一段侧栏代码,变成:

  1. <?php if ( function_exists('register_sidebar') )
  2. register_sidebar(array('name'=>'sidebar1',
  3. 'before_widget' => '',
  4. 'after_widget' => '',
  5. 'before_title' => '<h2>',
  6. 'after_title' => '</h2>',
  7. ));
  8. register_sidebar(array('name'=>'sidebar2',
  9. 'before_widget' => '',
  10. 'after_widget' => '',
  11. 'before_title' => '<h2>',
  12. 'after_title' => '</h2>',
  13. ));
  14. ?>

如果想多显示几个侧栏,只要复制同样的代码段,把其中的sidebar1/2后面的数字改动一下就可以了。
注册好必需的侧栏之后,wp-admin的wiget里就有了三个widget盒,之后我们需要激活侧栏,让它能够显示在博客前端。
打开sidebar.php文件之后你会看见一行这样的代码:

  1. <?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('sidebarname') ) : ?>
  2. <?php endif; ?>

删除之,然后加上:

  1. if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('sidebar1') ) : ?>
  2. <?php endif; ?>

以上代码使sidebar1显示在博客前端。要同时显示sidebar1和sidebar2,则加入:

  1. <?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('sidebar1') ) : ?>
  2. <?php endif; ?>
  3.  
  4. <?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('sidebar2') ) : ?>
  5. <?php endif; ?>

以此类推,要显示sidebar345,请添加同样代码,将其中的数字略作改动即可。
大功告成。
注意:修改functions.php文件时请注意删除多余的闭合括号或空格等。

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多