首页 » 建站技术 » WordPress » 浏览内容

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


2010-12-22 23:09:06 2,604 0 发表评论 字体: 作者:C.K.
标签: WordPress备忘

体验版 88 元,个人版 128 元,多用户版 288元个人版160元升级到多用户版。

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

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

//小工具
  • function tstyle_widgets_init() {
  •     register_sidebar( array(
  •         'name' => __( 'Widget Area', 'tstyle' ),
  •         'id' => 'Widget-area',
  •         'description' => __( '这里放置小工具', 'tstyle' ),
  •         'before_widget' => '<div id="%1$s" class="col-6 last widget-container %2$s"><div class="f-s"></div><div class="f-m">',
  •         'after_widget' => '</div></div><div class="f-e"></div></div>',
  •         'before_title' => '<h2><em>',
  •         'after_title' => '</em></h2><div class="box">',
  •     ) );
  • }
  • add_action( 'widgets_init', 'tstyle_widgets_init' );
  • 个人有点不明白的地方:%1$s和%2$s的样式是在哪里设置的啊?

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

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

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

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

    <?php if ( ! dynamic_sidebar( 'Widget-area' ) ) : ?>
  •            //可以在这里设置无widget时显示的内容
  •           <?php endif; // end primary widget area ?>
  • 这样,简单的widget小工具功能已经实现。

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


    1,2两步步骤相同

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

    <div id="side" class="col-6 last">
  •   <?php if ( ! dynamic_sidebar( 'Widget-area' ) ) : ?>
  •            //可以在这里设置无widget时显示的内容
  •           <?php endif; // end primary widget area ?>
  • </div><!-- /side -->
  • 这一步与刚才的第3步的区别是,这里直接删掉了原有侧边栏的内容。

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

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

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

      网站统计 Statistics

      • 创建时间: 2005年1月3日 距今4971 天
      • 日志总数: 2461
      • 评论总数: 630
      • 标签总数: 654
      • 链接总数: 273
      • 最后更新: 2017-7-1 18:16:33
      • 您是本站第 13798070 位访客

      广告区 Guǎng Gào