当前位置: 首页 > 齐分享 > 正文

让WordPress主题支持侧边栏小工具Widget

  涛涛现在用的这个大红色的喜庆主题,比较杯具的是,它不支持小工具,这个比较纠结,经过一番研究,最后终于把这个问题给解决了,和之前的有些帖子一样,本帖作用是帮助那些需要帮助的人,并且留个备份,以后忘了可以很容易找到。

  很多主题都支持侧边栏小工具(以下简称Widget)的,但是有些主题的作者对这个不怎么重视,特别很多CMS主题,对Widget的支持都不是很好,其实很简单,几句代码的事。

  1、编辑相应主题的函数文件:functions.php,在 <?php 和 ?> 之间添加以下代码:

if( function_exists('register_sidebar') ) {
register_sidebar(array(
'before_widget' => '<li>', // widget 的开始标签
'after_widget' => '</li>', // widget 的结束标签
'before_title' => '<h3>', // 标题的开始标签
'after_title' => '</h3>' // 标题的结束标签
));
}

  2、在侧边栏模板里的相应位置添加以下代码:

<div id="sidebar">
	<ul class="widgets">
< ?php // 如果没有使用小工具才显示以下内容,否则会显示小工具的内容
if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar() ) :
?>
	<!-- widget 1 -->
	<li class="widget">
		<h3>标题 1</h3>
		<ul>
			<li>条目 1.1</li>
			<li>条目 1.2</li>
			<li>条目 1.3</li>
		</ul>
	</li>
	<!-- widget 2 -->
	<li class="widget">
		<h3>标题 2</h3>
		<ul>
			<li>条目 2.1</li>
			<li>条目 2.2</li>
			<li>条目 2.3</li>
		</ul>
	</li>
< ?php endif; ?>
	</ul>
</div>
  本段代码可视个人需求自行修改,这里不多做解释。
  通过以上代码,就可以在后台使用Widget功能了,当然,这是一个侧边栏的代码,如果有两个侧边栏,需要这样设置:
  1、编辑相应主题的函数文件:functions.php,在 <?php 和 ?> 之间添加以下代码:
if( function_exists('register_sidebar') ) {
register_sidebar(array(
'name' => 'Sidebar_1', // 侧边栏 1 的名称
'before_widget' => '<li>', // widget 的开始标签
'after_widget' => '</li>', // widget 的结束标签
'before_title' => '<h3>', // 标题的开始标签
'after_title' => '</h3>' // 标题的结束标签

));

register_sidebar(array(
'name' => 'Sidebar_2', // 侧边栏 2 的名称
'before_widget' => '<li>', // widget 的开始标签
'after_widget' => '</li>', // widget 的结束标签
'before_title' => '<h3>', // 标题的开始标签
'after_title' => '</h3>' // 标题的结束标签

));
}
  2、在侧边栏模板sidebar_l.php文件中适当位置添加以下代码:
<div id="sidebar_1">
	<ul class="widgets">
< ?php // 如果没有在侧边栏 1 中使用 Widget 才显示以下内容, 否则会显示 Widget 定义的内容
if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('sidebar_1') ) :
?>
	<!-- widget 1 -->
	<li class="widget">
		<h3>标题 1</h3>
		<ul>
			<li>条目 1.1</li>
			<li>条目 1.2</li>
			<li>条目 1.3</li>
		</ul>
	</li>
< ?php endif; ?>
	</ul>
</div>
  3、在另一个边栏模板sidebar_r.php文件中适当位置添加以下代码:
<div id="sidebar_2">
	<ul class="widgets">
< ?php // 如果没有在侧边栏 2 中使用 Widget 才显示以下内容, 否则会显示 Widget 定义的内容
if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('sidebar_2') ) :
?>
	<!-- widget 2 -->
	<li class="widget">
		<h3>标题 2</h3>
		<ul>
			<li>条目 2.1</li>
			<li>条目 2.2</li>
			<li>条目 2.3</li>
		</ul>
	</li>
< ?php endif; ?>
	</ul>
</div>
  这样,就可以完美解决WordPress主题不支持侧边栏小工具Widget的问题了。


本文固定链接: http://zmt.me/post/27.html | 涛涛的博客

该日志由 涛涛 于2011年02月07日发表在 齐分享 分类下, 通告目前不可用,你可以至底部留下评论。
原创文章转载请注明: 让WordPress主题支持侧边栏小工具Widget | 涛涛的博客
关键字: ,

让WordPress主题支持侧边栏小工具Widget:目前有20 条留言

  1. 10楼
    snowperd:
    Google Chrome 11.0.672.2 Google Chrome 11.0.672.2 Windows 7 Windows 7

    20天了,那丫的什么时候会更新?

    2011-02-26 下午 10:11 [回复]
  2. 9楼
    面具:
    Google Chrome 8.0.552.237 Google Chrome 8.0.552.237 Windows XP Windows XP

    :gg 有点刺眼呢,

    2011-02-23 下午 10:51 [回复]
    • Internet Explorer 8.0 Internet Explorer 8.0 Windows XP Windows XP

      什么东西刺眼?

      2011-02-24 上午 10:57 [回复]
  3. 8楼
    何苦呢:
    Internet Explorer 8.0 Internet Explorer 8.0 Windows 7 Windows 7

    也在纠结要不要换这个主题

    2011-02-18 下午 8:37 [回复]
    • Internet Explorer 8.0 Internet Explorer 8.0 Windows XP Windows XP

      主题现在我已经不感兴趣了,随便有个就可以了。最近都忙的时间写东西了。

      2011-02-21 下午 11:21 [回复]
  4. 7楼
    小羿:
    Google Chrome 8.0.552.224 Google Chrome 8.0.552.224 Windows 7 Windows 7

    哇靠,你的模板颜色改改吧,全红 受不了 -_-|||

    2011-02-16 下午 9:29 [回复]
    • Internet Explorer 8.0 Internet Explorer 8.0 Windows XP Windows XP

      过年了,所以红几天,哈哈。。。

      2011-02-17 上午 11:03 [回复]
  5. 6楼
    snowperd:
    Google Chrome 9.0.597.98 Google Chrome 9.0.597.98 Windows 7 Windows 7

    一、你不更新
    二、主题刺眼啊
    我靠

    2011-02-13 下午 10:13 [回复]
    • Internet Explorer 8.0 Internet Explorer 8.0 Windows XP Windows XP

      我不更新,是因为我太懒;主题刺眼,是因为我太红。。。

      2011-02-14 上午 12:39 [回复]
  6. 5楼
    心原:
    Internet Explorer 6.0 Internet Explorer 6.0 Windows XP Windows XP

    好红…我的脸又被照红了…
    回去换了哈…太耀眼了…
    我喜欢最下面的一排小兔子…
    (*^__^*)

    2011-02-13 上午 11:43 [回复]
    • Internet Explorer 8.0 Internet Explorer 8.0 Windows XP Windows XP

      那我到底是换还是不换啊,换了就木有小兔子鸟。。。

      2011-02-17 上午 11:04 [回复]
  7. 4楼
    smilebull:
    Google Chrome 9.0.597.19 Google Chrome 9.0.597.19 Windows 7 Windows 7

    这个上下导航最好看

    2011-02-09 下午 8:47 [回复]
    • Internet Explorer 8.0 Internet Explorer 8.0 Windows XP Windows XP

      这个可是精挑细选的。。。捏哈哈~~~

      2011-02-10 下午 2:28 [回复]
  8. 地板
    snowperd:
    Internet Explorer 8.0 Internet Explorer 8.0 Windows 7 Windows 7

    皱眉头。怎么还不换啊,嘿嘿

    2011-02-08 下午 12:35 [回复]
    • Internet Explorer 8.0 Internet Explorer 8.0 Windows XP Windows XP

      因为还没过完年啊。。。

      2011-02-08 下午 12:37 [回复]
  9. Google Chrome 9.0.597.84 Google Chrome 9.0.597.84 Windows 7 Windows 7

    这红色怎么感觉太刺眼了?不像是喜庆的红色

    2011-02-07 下午 6:33 [回复]
    • Internet Explorer 8.0 Internet Explorer 8.0 Windows XP Windows XP

      貌似很多人都这么说,过完年给它换了。。。

      2011-02-07 下午 6:35 [回复]
      • Google Chrome 9.0.597.84 Google Chrome 9.0.597.84 Windows 7 Windows 7

        怎么感觉大家都不知道怎么更新了

        2011-02-10 下午 2:24 [回复]
  10. 沙发
    博客之家:
    Google Chrome 10.0.642.2 Google Chrome 10.0.642.2 Windows XP Windows XP

    我的博客在广告浏览器下不会自适应,无奈

    2011-02-07 上午 9:51 [回复]
    • Internet Explorer 8.0 Internet Explorer 8.0 Windows XP Windows XP

      广告浏览器是什么?貌似我看你的博客很正常啊。

      2011-02-07 下午 12:18 [回复]

发表评论


快捷键:Ctrl+Enter

无觅相关文章插件,快速提升流量