標(biāo)簽： widget , WordPress技巧 , WP 技巧WordPress主題作者制作WordPress主題的時候都會給主題添加上支持 Widget 功能，但也有極少數(shù)的主題是不支持的,，尤其是CMS主題，比如倡萌(www.)現(xiàn)在使用的 Tstyle 就不支持Widget 功能。
不支持Widget功能的WordPress主題,，要想增強(qiáng)修改邊欄,，就只能自己直接在邊欄文件上添加代碼,，對于WordPress新手就不是一件簡單的事情啦,。下面，倡萌就和大家分享一下為WordPress主題添加支持Widget功能的方法,。
兩欄（單側(cè)欄）主題Widget功能：
1,、登陸博客后臺，點擊“外觀”選項卡下的“編輯”選項進(jìn)入當(dāng)前主題編輯界面
2,、選擇主題支持函數(shù)文件functions.php,，在<?php和?>之間添加以下函數(shù)代碼
1
2
3
4
5
6
7
8
9
10
| <?php
if( function_exists('register_sidebar') ) {
register_sidebar(array(
'before_widget' => '<li class="widget">', // widget 的開始標(biāo)簽
'after_widget' => '</li>', // widget 的結(jié)束標(biāo)簽
'before_title' => '<h3>', // 標(biāo)題的開始標(biāo)簽
'after_title' => '</h3>' // 標(biāo)題的結(jié)束標(biāo)簽
));
}
?> |
3、更新functions.php文件后,，選擇邊欄模板sidebar.php,，在其中添加以下代碼
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
| <div id="sidebar">
<ul class="widgets">
<?php // 如果沒有使用 Widget 才顯示以下內(nèi)容, 否則會顯示 Widget 定義的內(nèi)容
if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar() ) :
?>
<!-- widget 1 -->
<li class="widget">
<h3>標(biāo)題 1</h3>
<ul>
<li>條目 1.1</li>
<li>條目 1.2</li>
<li>條目 1.3</li>
</ul>
</li>
<!-- widget 2 -->
<li class="widget">
<h3>標(biāo)題 2</h3>
<ul>
<li>條目 2.1</li>
<li>條目 2.2</li>
<li>條目 2.3</li>
</ul>
</li>
<?php endif; ?>
</ul>
</div> |
4、更新文件后,，主題就支持Widget了,。
三欄（兩側(cè)欄）主題Widget功能：
1、登陸博客后臺,，點擊“外觀”選項卡下的“編輯”選項進(jìn)入當(dāng)前主題編輯界面
2,、選擇主題支持函數(shù)文件functions.php,，在<?php和?>之間添加以下函數(shù)代碼
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
| <?php
if( function_exists('register_sidebar') ) {
register_sidebar(array(
'name' => 'Sidebar_1', // 側(cè)邊欄 1 的名稱
'before_widget' => '<li class="widget">', // widget 的開始標(biāo)簽
'after_widget' => '</li>', // widget 的結(jié)束標(biāo)簽
'before_title' => '<h3>', // 標(biāo)題的開始標(biāo)簽
'after_title' => '</h3>' // 標(biāo)題的結(jié)束標(biāo)簽
));
register_sidebar(array(
'name' => 'Sidebar_2', // 側(cè)邊欄 2 的名稱
'before_widget' => '<li class="widget">', // widget 的開始標(biāo)簽
'after_widget' => '</li>', // widget 的結(jié)束標(biāo)簽
'before_title' => '<h3>', // 標(biāo)題的開始標(biāo)簽
'after_title' => '</h3>' // 標(biāo)題的結(jié)束標(biāo)簽
));
}
?> |
2,、更新functions.php文件后，選擇其中一個邊欄模板sidebar_l.php,，在其中添加以下代碼
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
| <div id="sidebar_1">
<ul class="widgets">
<?php // 如果沒有在側(cè)邊欄 1 中使用 Widget 才顯示以下內(nèi)容, 否則會顯示 Widget 定義的內(nèi)容
if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('sidebar_1') ) :
?>
<!-- widget 1 -->
<li class="widget">
<h3>標(biāo)題 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，在其中添加以下代碼
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
| <div id="sidebar_2">
<ul class="widgets">
<?php // 如果沒有在側(cè)邊欄 2 中使用 Widget 才顯示以下內(nèi)容, 否則會顯示 Widget 定義的內(nèi)容
if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('sidebar_2') ) :
?>
<!-- widget 2 -->
<li class="widget">
<h3>標(biāo)題 2</h3>
<ul>
<li>條目 2.1</li>
<li>條目 2.2</li>
<li>條目 2.3</li>
</ul>
</li>
<?php endif; ?>
</ul>
</div> |
4,、更新文件后,，兩側(cè)欄主題就實現(xiàn)了Widget功能了。
提示：如果實在不懂得怎么添加的話，可以找一個支持Widget的WordPress博客主題打開相關(guān)幾個主題文件,，查看下代碼的位置,，然后效仿添加即可。
注：倡萌目前還沒有在Tstyle主題上測試,，使用Tstyle的童鞋,，請自己在本地測試成功以后，再添加到你上線的博客,，以免造成不必要的麻煩,。
