JerryJee

记录生活点滴.

WordPress 让主题支持Widget(侧边栏小工具)功能

Posted on 二月 28th, 2011 by Jerry Jee

WordPress主题作者制作WordPress主题的时候都会给主题添加上支持 Widget 功能,但也有极少数的主题是不支持的,尤其是CMS主题,像本站http://jerryji.cn现在使用的就支持 Widget 功能。

不支持Widget功能的WordPress主题,要想增强修改边栏,就只能自己直接在边栏文件上添加代码,对于WordPress新手就不是一件简单的事情啦。下面,和大家分享一下为 WordPress主题添加支持Widget功能的方法。

1、在主题的functions.php里添加如下代码:

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

2、更新functions.php文件后,选择边栏模板sidebar.php,在其中添加以下代码:

<div id="sidebar">
	<ul class="widgets">
<?php // 如果没有使用 Widget 才显示以下内容, 否则会显示 Widget 定义的内容

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了,另外最好添加一行在改主题的CSS里面,使得边侧的DIV可以正常显示

.sidebar div{ float:left;}

大家有什么问题给我留言吧。

Popularity: 2%

3 Responses to “WordPress 让主题支持Widget(侧边栏小工具)功能”

Leave a Response

You must be logged in to post a comment.