给Tstyle主题增加widget小工具并重设sidebar

林继 WordPress 2,740 共写了648个字 (2010-12-22 23:09:06) 没有评论 打印 扫描二维码 百度已收录

参照wordpress自带主题,为Tstyle主题增加widget小工具,并且实现原有侧边栏工具化(就是指原有侧边栏可以在小工具里设置是否启用以及设置顺序)。

1.增加widget支持,在function.php中插入:

  1. //小工具 
  2. function tstyle_widgets_init() { 
  3.     register_sidebar( array( 
  4.         'name' => __( 'Widget Area', 'tstyle' ), 
  5.         'id' => 'Widget-area', 
  6.         'description' => __( '这里放置小工具', 'tstyle' ), 
  7.         'before_widget' => '<div id="%1$s" class="col-6 last widget-container %2$s"><div class="f-s"></div><div class="f-m">', 
  8.         'after_widget' => '</div></div><div class="f-e"></div></div>', 
  9.         'before_title' => '<h2><em>', 
  10.         'after_title' => '</em></h2><div class="box">', 
  11.     ) ); 
  12. } 
  13. add_action( 'widgets_init', 'tstyle_widgets_init' );

个人有点不明白的地方:%1$s和%2$s的样式是在哪里设置的啊?

2.在style.css里插入加入:

  1. .widget-container{margin-bottom: 8px; }

目的是让不同widget之间有8px的间距

3.在sidebar.php合适位置插入:

  1. <?php if ( ! dynamic_sidebar( 'Widget-area' ) ) : ?> 
  2.            //可以在这里设置无widget时显示的内容 
  3.           <?php endif; // end primary widget area ?>

这样,简单的widget小工具功能已经实现。

但是这样无法实现在原有侧边栏中间某个位置插入其他小工具,也就是无法改变原有侧边栏的排序和是否显示。
解决以上问题de方法也不难,就是让原有的侧边栏也小工具化。采用插件形式将原有的侧边栏转化成几个小工具。并增加“联系方式”小工具设置自己的联系方式的功能。

1,2两步步骤相同

第3步:修改sidebar.php,将整个side部分替换成:

  1. <div id="side" class="col-6 last"> 
  2.   <?php if ( ! dynamic_sidebar( 'Widget-area' ) ) : ?> 
  3.            //可以在这里设置无widget时显示的内容 
  4.           <?php endif; // end primary widget area ?> 
  5. </div><!-- /side -->

这一步与刚才的第3步的区别是,这里直接删掉了原有侧边栏的内容。

安装”Tstyle自带侧边栏”插件->启用->设置小工具->OK!

插件下载:http://www.magicwolf.cn/down/tstyle-sidebar-widgets.rar

友情提示:修改文件前记得先备份。

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

发表评论

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

< >