给不支持Sidebar的WP主题加侧边栏,底边栏

林继 WordPress 3,571 共写了633个字 (2010-12-16 22:30:59) 1条评论 打印 扫描二维码 百度已收录

1、让后台支持自定义sidebar。

在主题的文件夹里,找到functions.php文件,用EditPlus或Dreamweaver工具打开此文件,在文件的末尾加入如下代码。其中register_sidebar()(官方参考)函数用于定义sidebar。参数name用于定义sidebar名称,这里为footer;before_widget、after_widget定义$name的前后样式,before_title、after_title则是自定义标题的前后样式。

  1. <?php /** widgets */
  2. if( function_exists('register_sidebar') ) {
  3. 	register_sidebar(array(
  4. 		'name' => 'footer',
  5. 		'before_widget' => '<div class="widget-wrap"><div class="widget %2$s">',
  6. 		'after_widget' => '</div></div>',
  7. 		'before_title' => '<h2>',
  8. 		'after_title' => '</h2>',
  9. 	));
  10. }?>


wordpress使用get_sidebar获取sidebar
2、让前台调用自定义的sidebar。

在主题kubrick-on-crack的文件夹里,找到footer.php文件,用EditPlus或Dreamweaver工具打开此文件,在文件最上侧加入如下代码。其中函数get_sidebar()(参考)用于读取已定义好的sidebar。

  1. <div class="footer_sidebar">
  2.    <?php get_sidebar('footer'); ?>
  3. </div>

3、设置CSS样式表、控制sidebar样式。

在主题kubrick-on-crack的文件夹里,找到style.css文件,用EditPlus或Dreamweaver工具打开此文件,在文件的最下面加入如下代码。用于控制底部sidebar的样式。

  1. .footer_sidebar{
  2. 	margin:0px auto;
  3. 	overflow:hidden;
  4. 	width:728px;
  5. 	background:#f8f8f8;
  6. }
  7. .footer_sidebar h2{
  8. 	color:#535353;
  9. 	text-align:center;
  10. 	margin:20px 0px;
  11.  
  12. }
  13. .footer_sidebar a{
  14. 	color:#535353;
  15. 	text-decoration:none;
  16. }
  17.  
  18. .footer_sidebar .widget-wrap {
  19. 	float: left;
  20. 	width: 242px;
  21. 	padding:20px 0px;
  22. 	line-height:180%;
  23. 	text-align:left;
  24. }
  25. .footer_sidebar .widget-wrap li {
  26. 	list-style-type:none;
  27. }
  28. .footer_sidebar .widget {
  29. 	margin:0px 5px;
  30. }

4、在后台加入Widget,用于显示

如果觉得我的文章对您有用,请随意赞赏。您的支持将鼓励我继续创作!

一条评论
  • 淘小_乐

    2012年3月19日 16:25:07

    谢谢你的讲解 但是,
    试过了,网站打不开了,
    下面是网站的显示

    Parse error: syntax error, unexpected T_IF in /home/erji3/public_html/wp-content/themes/minione11/functions.php on line 84

发表评论

电子邮件地址不会被公开。 必填项已用*标注

< >