其实现在的 WordPress 博客主题作者制作 WordPress 主题的时候都会给主题添加上支持 Widget 功能效果,也仅有极少部分是不支持的,既然作者不让它支持,但作为主题使用者可以为其添加支持 Widget 功能。博客吧介绍下如果实现 WordPress 博客支持 Widget(小工具) 功能。

两栏 (单侧栏) 主题 Widget 功能:

1. 登陆博客后台,点击 「外观」 选项卡下的 「编辑」 选项进入当前主题编辑界面

2. 选择主题支持函数文件 functions.php,在<?php 和?> 之间添加以下函数代码

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

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

<div id="sidebar">
	<ul >
<?php// 如果没有使用 Widget 才显示以下内容, 否则会显示 Widget 定义的内容if(!function_exists('dynamic_sidebar')||!dynamic_sidebar()):?>
	<!-- widget 1 -->
	<li >
		<h3> 标题 1</h3>
		<ul>
			<li> 条目 1.1</li>
			<li> 条目 1.2</li>
			<li> 条目 1.3</li>
		</ul>
	</li>
	<!-- widget 2 -->
	<li >
		<h3> 标题 2</h3>
		<ul>
			<li> 条目 2.1</li>
			<li> 条目 2.2</li>
			<li> 条目 2.3</li>
		</ul>
	</li>
<?phpendif;?>
	</ul>
</div>

4. 更新文件后,主题就支持 Widget 了。

三栏 (两侧栏,如博客吧当前主题) 主题 Wideget 功能:

1. 登陆博客后台,点击 「外观」 选项卡下的 「编辑」 选项进入当前主题编辑界面

2. 选择主题支持函数文件 functions.php,在<?php 和?> 之间添加以下函数代码

<?phpif(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>'// 标题的结束标签
 
	));}?>

3. 更新 functions.php 文件后,选择其中一个边栏模板 sidebar_l.php,在其中添加以下代码

<div id="sidebar_1">
	<ul >
<?php// 如果没有在侧边栏 1 中使用 Widget 才显示以下内容, 否则会显示 Widget 定义的内容if(!function_exists('dynamic_sidebar')||!dynamic_sidebar('sidebar_1')):?>
	<!-- widget 1 -->
	<li >
		<h3> 标题 1</h3>
		<ul>
			<li> 条目 1.1</li>
			<li> 条目 1.2</li>
			<li> 条目 1.3</li>
		</ul>
	</li>
<?phpendif;?>
	</ul>
</div>

4. 选择另一个边栏模板 sidebar_r.php,在其中添加以下代码

<div id="sidebar_2">
	<ul >
<?php// 如果没有在侧边栏 2 中使用 Widget 才显示以下内容, 否则会显示 Widget 定义的内容if(!function_exists('dynamic_sidebar')||!dynamic_sidebar('sidebar_2')):?>
	<!-- widget 2 -->
	<li >
		<h3> 标题 2</h3>
		<ul>
			<li> 条目 2.1</li>
			<li> 条目 2.2</li>
			<li> 条目 2.3</li>
		</ul>
	</li>
<?phpendif;?>
	</ul>
</div>

5. 更新文件后,两侧栏主题就实现了 Wideget 功能了。

提示:如果实在不懂得怎么添加的话,可以找一个支持 Wideget 的 WordPress 博客主题打开相关几个主题文件,查看下代码的位置,然后效仿添加即可。

/div>

2012-11-10T15:30:13+08:00发表于:2012-11-10|WordPress|