其實現在的 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|