1 第一步、小工具注冊(cè)
自定義菜單功能和側(cè)邊欄小工具，是WordPress主題中比較有特色的功能.
我們?cè)谥暗慕ㄕ窘坛汤?，分享了如何給WordPress主題添加自定義菜單。
本文介紹一下制作主題的時(shí)候，如何添加自定義小工具功能。
和給主題一樣添加自定義菜單一樣，自定義添加小工具Widgets只需3個(gè)步驟。
要使用小工具，先要進(jìn)行注冊(cè)，打開WordPress主題下面的 functions.php 文件，
在functions.php文件里面，添加如下代碼：
<?php
//側(cè)邊欄小工具
if ( function_exists('register_sidebar') ) {
register_sidebar( array(
'name' => __( 'Top Sidebar' ),
'id' => 'top-sidebar',
'description' => __( 'The top sidebar' ),
'before_widget' => '<li>',
'after_widget' => '</li>',
'before_title' => '<h2>',
'after_title' => '</h2>',
) );
}
?>
修改functions.php里的li、h2標(biāo)簽，使之對(duì)應(yīng)sidebar.php里的標(biāo)簽：
‘before_widget’ 和 ‘after_widget’ 的li和模塊h2標(biāo)題，按實(shí)際情況修改代碼。
（也可能不用修改）
????????'before_widget' => '<li>', ????????'after_widget' => '</li>', ????????'before_title' => '<h2>', ????????'after_title' => '</h2>',
以上代碼注冊(cè)了一個(gè)名為“top-sidebar”的小工具區(qū)域：
登錄WordPress后臺(tái)儀表盤，依次進(jìn)入 外觀 → 小工具。
如果能看到下圖中右邊的Top Sidebar 小工具區(qū)域，說(shuō)明注冊(cè)成功了 ▼
小工具注冊(cè)之后就可以在主題模板文件中調(diào)用了，把下面的代碼放到sidebar.php文件中就可以調(diào)用了。
1）在sidebar.php文件中，最大的li或div標(biāo)簽下方，插入 ▼
<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar(top-sidebar) ) : ?>
2）在sidebar.php文件中，最大的</li>或</div>上方，添加 ▼
<?php endif; ?>
1）小工具注冊(cè)好了，顯示位置也在主題文件中定義好了。
2）保存之后，刷新前臺(tái)頁(yè)面。
能看到上圖，說(shuō)明我們的小工具已經(jīng)制作完成，并如常運(yùn)行了。
重復(fù)第一步和第二步，就能讓你的WordPress主題，支持不同位置中的widget小工具了。
假設(shè)你需要將一個(gè)小工具添加到主題的頭部、側(cè)邊欄、和底部。
1）首先，你需要將以下代碼復(fù)制到functions.php文件中 ▼
if (function_exists('register_sidebar')) {
register_sidebar(array(
'name' => 'Header',
'id' => 'header',
'description' => 'This is the widgetized header.',
'before_widget' => '<div id="%1$s">',
'after_widget' => '</div>',
'before_title' => '<h4>',
'after_title' => '</h4>'
));
register_sidebar(array(
'name' => 'Sidebar',
'id' => 'sidebar',
'description' => 'This is the widgetized sidebar.',
'before_widget' => '<div id="%1$s">',
'after_widget' => '</div>',
'before_title' => '<h4>',
'after_title' => '</h4>'
));
register_sidebar(array(
'name' => 'Footer',
'id' => 'footer',
'description' => 'This is the widgetized footer.',
'before_widget' => '<div id="%1$s">',
'after_widget' => '</div>',
'before_title' => '<h4>',
'after_title' => '</h4>'
));
}
2）接下來(lái)，將以下代碼分別添加到header.php、sidebar.php和footer.php文件中。
header.php ▼
<div id="widgetized-header">
<?php if (function_exists('dynamic_sidebar') && dynamic_sidebar('header')) : else : ?>
<div>
<p><strong>Widgetized Header</strong></p>
<p>This panel is active and ready for you to add some widgets via the WP Admin</p>
</div>
<?php endif; ?>
</div>
sidebar.php ▼
<div id="widgetized-sidebar">
<?php if (function_exists('dynamic_sidebar') && dynamic_sidebar('sidebar')) : else : ?>
<div>
<p><strong>Widgetized Sidebar</strong></p>
<p>This panel is active and ready for you to add some widgets via the WP Admin</p>
</div>
<?php endif; ?>
</div>
footer.php ▼
<div id="widgetized-footer">
<?php if (function_exists('dynamic_sidebar') && dynamic_sidebar('footer')) : else : ?>
<div>
<p><strong>Widgetized Footer</strong></p>
<p>This panel is active and ready for you to add some widgets via the WP Admin</p>
</div>
<?php endif; ?>
</div>
到此成功！
接下來(lái)，繼續(xù)分享WordPress使用小工具widget的技巧。
高效管理自定義widget小工具：
1）向主題添加widget小工具后，你可以創(chuàng)建一個(gè)單獨(dú)的文件，并將其命名為widgets.php。
2）將代碼添加到functions.php文件中：
if ($wp_version >= 2.8) require_once(TEMPLATEPATH.’/widgets.php’);
3）將所有在第1步添加的自定義widgets小工具代碼，保存到widgets.php文件里。
此方法可確保所有widgets小工具順暢加載，并在所有支持widgets小工具的WordPress版本上運(yùn)行。
這樣，你就可以更高效率地管理的WordPress主題文件。
希望我們網(wǎng)站（ https://www.wordpressx.com/ ） 分享的《如何添加WordPress小工具？主題集成Widgets區(qū)域》，對(duì)您有幫助。
