编辑“WordPress插件/WordPress小工具”

<span style="border:1px solid #000; text-align:center; float:right; padding:6px;"><strong>导航:</strong> [[WordPress网站开发须知|上一页]] | {{Template:WordPress导航}}</span>
<div style="clear:both;"></div>
==什么是Widget？==
WordPress Widget又被称为“侧边栏附件”，是[http://www.wordpress.la WordPress博客]侧边栏中的WordPress插件或附加程序。

WordPress Widgets 是Automattic公司为WordPress以及WordPress[[博客]]而开发的，通过WordPress Widgets，用户即使不了解[[HTML]]、[[PHP]]等代码，也可以轻松地在WordPress博客的侧边栏加入小配件、文本、图片等设计元素以个性化自己的博客。目前很多WordPress插件都带有Widget版本，方便用户添加到侧边栏中。

WordPress 2.3版本时开始完全整合Widgets。API也有所改进，这样widgets使用起来更为方便，并且还能通过[http://www.wordpress.la/theme.html WordPress主题]中的Design选项移动侧边栏上的widgets。

==使用Widgets==
Widgets 安装板上有很多关于WordPress Widgets及其用法的信息。带有widget版本的WordPress插件在激活后，会出现在Widgets安装板上。

选择希望WordPress Widgets的侧边栏显示区域

一般来说，如果用户的WordPress主题面向多个侧边栏，可以将WordPress Widgets从Widget选项列表中添加到任意侧边栏。用户可以改变侧边栏上Widgets的位置和顺序。点击Widget右边的图标，进入选项，可以编辑或改变该Widget的设置。编辑完成后，点击okay保存，点击选项窗口外的浏览器部分也可以保存。

WordPress Widgets的功能多种多样，从最基本功能到添加“静态”文本、图片，还可以链接到WordPress博客侧边栏，甚至还可以自动添加已生成的代码链接表、图片、视频、计数器等。

WordPress最新版本中已经加入了Widgets，但目前还未实现能够让WordPress主题使用WordPress Widgets。更多信息参见[http://codex.wordpress.org/Widgetizing_Themes Widgetizing Themes]。

==使用文本Widgets==
WordPress最新版本中的内置文本Widget可将新文本、链接和图片添加到WordPress博客的侧边栏中。用户可以在侧边栏中加入任意数量的必需文本widgets，每个都可以是完全独立的不同widget。

要将文本Widget加入侧边栏，首先进入Design > Widgets选项，然后选择期望放置文本Widget的侧边栏位置，最后在Widgets列表中选择Add Text。


点击“Edit”进入widget选项，在文本Widget中输入文本。


表格中有两个版块可以输入文本或代码。用户可以在上面的版块中输入关于文本的描述或该widget的名称，下面的版块中则可以输入widget的内容或HTML代码。要改变或添加博客文本Widget中的内容，可以点击Change；要从博客侧边栏中删除文本Widget，点击 Remove。

以下是一些已知能够在WordPress 文本Widget上运行的内容供应商。用户可以将内容供应商所提供的必要代码复制到自己的widget中，这样就可以在博客上显示内容供应商所提供的内容。（需改变原始内容）
*[http://babelfish.yahoo.com/free_trans_service Babelfish Yahoo   Translation] ——可翻译网页或其他URL   
*[http://bannerbot.conversive.com/BannerBot/Default.aspx BannerBot] ——   关于banner的网站   
*[http://www.bitty.com/manual/?mode=wordpress Bitty Browser ]—— [http://www.bitty.com/ bitty.com]的baby浏览器，博客专用   
*[http://www.clustrmaps.com/ ClustrMaps] —— 基于地理定位的访问计数器   
*[http://del.icio.us" href="http://del.icio.us del.icio.us] ——   书签链接   
*[http://www.etsy.com Etsy Mini-Shop] —— 为用户的Etsy 小店设计HTML代码   
*[http://www.flickr.com Flickr] ——   HTML badge和Flash Badge   
*[http://www.kucoon.com/portal/html/modules.php?name=Content&pa=showpage&pid=237 Kucoon] —— 博客玩具   
*[http://www.gabbly.com/ Gabbly] ——   聊天对话框   
*[http://www.gapingvoid.com/widget/ gapingvoid.com] —— 显示Hugh   Macleod的最新动画   
*[http://gasbuddy.com/ GasBuddy] ——   显示不同的汽油价格或搜索框，以查找最低汽油价   
*[http://www.last.fm Last.fm] ——   Last.FM的排行榜   
*[http://www.lovelybooks.de/tools.html Lovelybooks] —— 和大家分享你的书籍收藏   
*[http://www.us.map24.com/ Map24 ]—— 提供多种查找地图、计划路线的工具   
*[http://www.musestorm.com/ MuseStorm] —— 生成可复制到Widget管理界面的代码   
*[http://www.pandora.com/feeds#blog Pandora] —— 收藏最喜欢的歌   
*[http://www.snipperoo.com Snipperoo] —— 一项可管理第三方widget的widget服务   
*[http://terraserver.microsoft.com/about.aspx?n=AboutLinktoHtml TerraServer] —— Terraserver图片和拓扑图   
*[http://www.youtube.com YouTube] ——   提供视频URL与可嵌套的播放器 
==使用RSS Widgets==
内置RSS Widget 可在用户的侧边栏中添加feed信息。和文本Widget一样，用户也可以添加任意数量必需的RSS widgets。

点击Widget上的 <STRONG>Edit</STRONG>链接，打开控制板，可以在其中编辑feed的URL、feed的描述以及希望从feed中显示的条目数量等选项。

用户可以从不同渠道添加feeds，比如[http://del.icio.us/ del.icio.us]， [http://www.ebay.com Ebay]， [http://sabifoo.com/main Sabifoo]AOL即时通讯账户，Jabber，[[MSN]]，[[Yahoo]]通讯，[[Google]]   Talk，以及[[Amazon]]产品[http://rsstalker.com/ RSStalker.com]等。用户还可以从博客上添加feeds。

总的来说，WordPress [[RSS]]/Feed Widget   只能导入文章标题。如果访问者将鼠标停顿在标题上，会显示文章的相关说明，说明内容可能是文章摘要，也可能是文章开始部分的一段文字。

==查找WordPress Widgets==
[http://wordpress.org/extend/plugins/ WordPress Plugin Directory] 中有很多WordPress Widgets和[http://www.wordpress.la/plugins.html WordPress 插件]（带widget版本），最常用的WordPress   Widgets也列在其中，用户可以搜索需要的widgets，或在Widget标签中进行选择。

==为WordPress主题使用Widgets作准备==
要使WordPress Widgets能够在WordPress主题上运行，首先要使主题做好“widget”准备，详细信息参见[http://codex.wordpress.org/Widgetizing_Themes Widgetizing Themes]。
用户也可以在 [http://wordpress.org/extend/themes/ WordPress Theme   Directory]列表中选择可以安装widgets的主题。

==编写自己的widgets==
WordPress插件可转换成widgets形式，也可以通过 [http://codex.wordpress.org/Plugins/WordPress_Widgets_Api Widgets API] 添加widgets功能及选项。 [http://codex.wordpress.org/Plugins/WordPress_Widgets_Api Widgets API] 是关于编写WordPress Widget 插件的开发文档。
==其它WordPress Widgets相关资源==
*[http://codex.wordpress.org/Widget_List List of   Widgets]
*[http://automattic.com/code/widgets/use/ Automattic - How to Use   Widgets]
*[http://automattic.com/code/widgets/ Automattic - WordPress Widgets   Download]
*[http://automattic.com/code/widgets/api/ Automattic - Widgets API]
*[http://automattic.com/code/widgets/themes/ Automattic - Widgetizing   Themes]
*[http://automattic.com/code/widgets/plugins/ Automattic - Widgetizing   Plugins]
*[http://wordpress.org/development/2006/03/widgets-plugin/ WordPress   Development Blog Announcement]
*[http://wordpress.com/blog/2006/02/25/wordpress-widgets/ WordPress.com   Blog - WordPress Widgets on WordPress.com]
*[http://garryconn.com/free-widgets-ready-custom-wordpress-theme-conversion.php Widgets   Ready Volunteer WordPress Theme Conversion]
*[http://www.quickonlinetips.com/archives/2007/11/how-to-widget-enable-wordpress-themes-in-3-easy-steps/ Widget-Enable   WordPress Themes in 3 Easy teps]
*[http://lorelle.wordpress.com/2006/03/31/designing-a-theme-to-include-wordpress-widgets/ Designing   a Theme to Include WordPress Widgets?]
*[http://lorelle.wordpress.com/2006/03/10/playing-with-wordpresscom-new-sidebar-widgets/ Playing   with WordPress.com New Sidebar Widgets]
*[http://en.wikipedia.org/wiki/Widget_%28computing%29 Wikepedia Widget   (computing)]
*[http://www.quickonlinetips.com/archives/2007/11/how-to-create-multiple-dynamic-sidebars-for-wordpress-widgets/ Create   Multiple Dynamic Sidebars for Widgets]
*[http://widgets.wordpress.com/ WordPress Widgets at WordPress Widgets   Blog]
*[http://www.fahlstad.se/2006/06/02/widgetize-your-wordpress-theme/ Widgetize   your WordPress Theme]
*[http://www.widgetswordpress.com/ Widgetizing your WordPress]
*[http://www.themelab.com/2008/04/18/see-how-easy-it-is-to-widgetize-wordpress-themes/ See   How Easy It Is To Widgetize WordPress Themes]
*[http://valums.com/create-wordpress-widget/ Create a wordpress widget from   scratch]

==相关条目==
*[[Drupal]] 
*[[OBLOG]] 
*[[X-Space]] 
*[[SaBlog-X]] 
*[[Bo-Blog]]

[[category:WordPress中文文档|C]]
[[category:WordPress网站开发|C]]