编辑“WordPress:Plugins/WordPress Widgets”

==What is a Widget?==

== Widget是什么?==

WordPress Widgets are also known as "sidebar accessories" which are WordPress Plugins or add-ons to your WordPress blog sidebar. Developed by [http://www.automattic.com/ Automattic] for WordPress and [http://www.wordpress.com/ WordPress.com] blogs, WordPress Widgets allow the easy addition of design elements, gadgets, content, images, and more to your WordPress sidebar to personalize your blog without knowing HTML, PHP, or any code. Many WordPress Plugins now come with a Widget version to allow easy addition to the sidebar. 

WordPress Widgets也称为"边栏附件"是WordPress插件或者添加到你的WordPress博客边栏上的附加软件。由[http://www.automattic.com/ Automattic]为WordPress开发和[http://www.wordpress.com/ WordPress.com]博客开发，使用WordPress Widgets能够轻易地向你的WordPress边栏添加设计元素，小配件，内容，图像以及更多的内容，在不了解HTML，PHP或者其它代码的情况下，使你的博客个性化。许多WordPress插件带有Widget版本，能够轻易地为边栏添加内容。
[[WordPress:Image:widgets-currentwidgets.png|right|thumb|WordPress Widgets Available to choose from]]Since Version 2.3, Widgets are fully integrated into WordPress. The [[WordPress:Plugins/WordPress_Widgets_Api|API]] has improved to make them easier to use and able to be moved around on your sidebar through the '''Design''' panel of your WordPress Theme options. 

[[WordPress:Image:widgets-currentwidgets.png|right|thumb|能够挑选的WordPress Widgets]]从2.3版本开始，Widgets完全地与WordPress相结合。[[WordPress:Plugins/WordPress_Widgets_Api|API]]得到改善，通过你的WordPress主题选项的'''设计'''面板，使得Widgets更便于使用而且能够在你的边栏上移动。

==Using Widgets==

==使用 Widgets==

[[WordPress:Image:widgets-availablewidgets.png|right|Available WordPress Widgets on the Design Panel for Widgets]]The [[WordPress:Widgets_SubPanel|Widgets SubPanel]] provides information on the various WordPress Widgets which come with WordPress and how to use them. Widgetized WordPress Plugins will appear in the Widgets SubPanel when the Plugin is activated.

[[WordPress:Image:widgets-availablewidgets.png|right|Widgets设计面板上拥有的WordPress Widgets]]提供了不同的WordPress Widgets以及怎样使用这些Widgets的信息。插件激活的时候，Widgetized WordPress插件就会出现在Widgets子面板。

[[WordPress:Image:widgets-selectsidebar.png|left|thumb|Select the sidebar in which you want a specific WordPress Widget to appear]]In general, add WordPress Widgets from the list of Widget options to the sidebar of your choice, if your WordPress Theme features more than one sidebar. You can move the Widget around on the sidebar, changing the order and placement. 

[[WordPress:Image:widgets-selectsidebar.png|left|thumb|选择你希望某个WordPress Widget出现的边栏]]一般而言，如果你的WordPress主题有多个边栏，根据你的选择，从Widget选项列表中将WordPress Widgets添加到边栏上。你可以在边栏上移动Widget，更改顺序和方位。

To edit or change the options for a specific Widget, click the icon on the right side of the Widget to access the Widget's Options. When you made the changes and selected the options, click okay or click on the browser away from the option popup.

要编辑或者更改某个Widget的选项，点击Widget右边的图标，访问Widget选项。当你更改了内容并且选择了选项的时候，点击okey（好的）或者点击选项弹出窗口外的浏览器。

The content WordPress Widgets provides range from the basic ability to add "static" text, images, and links to your WordPress blog sidebar, to adding automatically generated link lists, images, videos, counters, and much more.

WordPress Widgets提供的内容，从基本的功能到向你的WordPress博客添加"静态"文本，图像，和链接，到添加自动生成的链接列表，图像，视屏，计算器，以及更多的内容。

The most recent versions of WordPress come ready to add Widgets, however, WordPress Themes must be made ready to use WordPress Widgets. See [[WordPress:Widgetizing_Themes|Widgetizing Themes]] for more information.

最近版本的WordPress已经准备好添加Widgets，然而，必须设置好能够使用WordPress Widgets的WordPress主题。更多的信息，请看看[[WordPress:Widgetizing_Themes|Widgetizing 主题]]。

===Using Text Widgets===

===使用文本 Widgets===

The built-in Text Widget that comes with the latest versions of WordPress can be used to add new content, links, and images to your WordPress blog sidebar. You can add as many text widgets to your sidebar as you need, and each one can have completely different content.

最新版本的WordPress的内置文本Widget可以用来向你的WordPress博客边栏添加新的内容，链接，和图像。你可以根据需要向你的边栏添加任何数目的文本widgets，而且每个文本widget的内容都可以完全不同。

[[WordPress:Image:widgets-addtextbox.png|right|thumb|Add text Widget to sidebar]]To add a text Widget to your blog's sidebar, go to '''Design > Widgets''' and choose which sidebar you would like the text Widget to appear on. Then chose '''Add Text''' from the list of Widgets. 

[[WordPress:Image:widgets-addtextbox.png|right|thumb|向边栏添加文本Widget]]要向你的博客边栏添加文本Widget，请进入'''设计 > Widgets'''并且选择你希望显示文本Widget的边栏。然后从Widgets列表中选择'''添加文本'''。

[[WordPress:Image:widgets-edittextbox.png|right|thumb|Click Edit to edit the text Widget]]Click '''Edit''' to enter the widget Options and enter the text in the text Widget. 

[[WordPress:Image:widgets-edittextbox.png|right|thumb|点击编辑，编辑文本Widget]]点击'''编辑''' 输入widget选项并且在文本Widget中输入文本。

[[WordPress:Image:widgets-textintextbox.png|right|thumb|Adding text to a text Widget]]To add text or code to the text Widget, there are two sections to add content. In the top line, enter a description or title for that particular widget. In the next section of the form, enter the the text or HTML code for the widget. 

[[WordPress:Image:widgets-textintextbox.png|right|thumb|向文本Widget添加文本]]要向文本Widget添加文本或者代码，有两个部分可以添加内容。在顶上方的行，输入某个widget的描述或者标题。在表格的下一个部分，输入widget的文本或者HTML代码。

To change or add the new text to the text Widget on your blog, click '''Change'''. To remove the text Widget from your blog's sidebar, click '''Remove'''.

要为你的博客上的文本Widget更改或者添加新的文本，点击'''更改'''。要从你的博客边栏中移除文本Widget，点击'''移除'''。

Here's a list of content known to work via the WordPress Text Widget.  These content providers supplies the necessary code for you to copy and paste into your widget to display their content on your blog. [Subject to Change]

下面是能够通过WordPress文本Widget运行的内容列表。这些内容提供了必要的代码，供你复制并且粘贴到你的widget上，在你的博客上显示内容。[可以更改]
*[http://babelfish.yahoo.com/free_trans_service Babelfish Yahoo Translation] - translate your page or other URLs 
*[http://bannerbot.conversive.com/BannerBot/Default.aspx BannerBot] - talking banner
*[http://www.bitty.com/manual/?mode=wordpress Bitty Browser] - baby browser for you blog from [http://www.bitty.com/ bitty.com] 
*[http://www.clustrmaps.com/ ClustrMaps] - Geolocation-based hit counter
*[http://del.icio.us del.icio.us] - bookmark links 
*[http://www.etsy.com Etsy Mini-Shop] - html for you Etsy Mini-Shop
*[http://www.flickr.com Flickr] - HTML and Flash Badges
*[http://www.kucoon.com/portal/html/modules.php?name=Content&pa=showpage&pid=237 Kucoon] - blog toys
*[http://www.gabbly.com/ Gabbly] - chat box 
*[http://www.gapingvoid.com/widget/ gapingvoid.com] - shows Hugh Macleod's latest cartoon 
*[http://gasbuddy.com/ GasBuddy] - display low/high gas prices or search box to find lowest gas prices
*[http://www.last.fm Last.fm] - Last.FM Charts
*[http://www.lovelybooks.de/tools.html Lovelybooks] - Share your bookshelf
*[http://www.us.map24.com/ Map24] - various tools to access maps, route planning
*[http://www.musestorm.com/ MuseStorm] - generates code to copy into Widget admin
*[http://www.pandora.com/feeds#blog Pandora] - favorite songs
*[http://www.snipperoo.com Snipperoo] - itself a widget service that lets you manage third-party widgets in the same way
*[http://terraserver.microsoft.com/about.aspx?n=AboutLinktoHtml TerraServer] - Terraserver images and topo maps
*[http://www.youtube.com YouTube] - Video URL and embeddable player











*[http://babelfish.yahoo.com/free_trans_service Babelfish Yahoo 翻译] – 翻译你的网页或者其它 URLs 
*[http://bannerbot.conversive.com/BannerBot/Default.aspx BannerBot] –谈话礼节
*[http://www.bitty.com/manual/?mode=wordpress Bitty 浏览器] - baby browser for you blog from [http://www.bitty.com/ bitty.com] 
*[http://www.clustrmaps.com/ ClustrMaps] - Geolocation-based hit counter
*[http://del.icio.us del.icio.us] - bookmark 链接
*[http://www.etsy.com Etsy Mini-Shop] - html for you Etsy Mini-Shop
*[http://www.flickr.com Flickr] - HTML 和 Flash Badges
*[http://www.kucoon.com/portal/html/modules.php?name=Content&pa=showpage&pid=237 Kucoon] - blog toys
*[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 Charts
*[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服务，能够使你以同样的方式管理第三方的widgets
*[http://terraserver.microsoft.com/about.aspx?n=AboutLinktoHtml TerraServer] – Terraserver图像和 topo 地图
*[http://www.youtube.com YouTube] – 视屏 URL 和可嵌入的播放器

===Using RSS Widgets===
===使用RSS Widgets===

The built-in RSS Widget can be used to add feeds to your sidebar. As with the text widget, you can have as many RSS widgets as you need.

内置的RSS Widget可以用来向你的边栏添加feeds。如文本widget，你可以根据需要拥有任何多的RSS widgets。

Click the '''Edit''' link on the Widget to open the panel to allow you to add the URL for the feed, a description of the feed, and how many items from the feed you want displayed, and other options.

点击Widget上的'''编辑'''链接，打开面板，让你为feed添加URL，feed描述，以及你想要显示来自feed的多少内容，和其它选项。

You can add feeds from various sources, such as [http://del.icio.us/ del.icio.us], [http://www.ebay.com Ebay], [http://sabifoo.com/main Sabifoo] instant messaging accounts at AOL Instant Messenger, Jabber, MSN Messenger, Yahoo Messenger, and Google Talk, and [http://rsstalker.com/ RSStalker.com] with Amazon products, wishlists, and categories. Or you can add feeds from various blogs you enjoy. 

你可以添加来自不同的资源的feeds，如[http://del.icio.us/ del.icio.us], [http://www.ebay.com Ebay], [http://sabifoo.com/main Sabifoo] AOL Instant Messenger上的即时信息帐户，Jabber, MSN Messenger, Yahoo Messenger, 和 Google Talk, 和[http://rsstalker.com/ RSStalker.com]带有Amazon产品，wishlists, 和类别。或者你可以从不同的你喜爱的博客中添加feeds。

In general, the WordPress RSS/Feed Widget will only import titles. If the visitor hovers their mouse over the title link, the description will include the excerpt or the first few hundred words of the blog post.

一般而言，WordPress RSS/Feed Widget只会导入标题。如果访客将鼠标悬浮在标题链接的上方，描述会包括摘录或者博客文章的前几百个单词。

==Finding WordPress Widgets==

==找到 WordPress Widgets==

The [http://wordpress.org/extend/plugins/ WordPress Plugin Directory] includes WordPress Widgets and WordPress Plugins with Widget options. It offers the most extensive listing of WordPress Widgets. Search for Widgets or click on the Widget tag.

[http://wordpress.org/extend/plugins/ WordPress 插件目录]包括WordPress Widgets和带有Widget选项的WordPress插件。提供了最广泛的WordPress Widgets列表。搜索Widgets或者点击Widget标签。
==Making Themes Widget-ready==

==使得主题准备接受Widget==

In order for WordPress Widgets to work on WordPress Themes, the Theme must be made "Widget-ready." See [[WordPress:Widgetizing_Themes|Widgetizing Themes]] for detailed instructions to make your theme recognize WordPress Widgets. 

为了使得WordPress Widgets能够在WordPress主题上运行，主题必须"接受Widget。"请看看[[WordPress:Widgetizing_Themes|Widgetizing 主题]]关于使得你的主题识别WordPress Widgets的详细信息。

Alternatively you can choose a theme that is already widget-aware from the list of [http://wordpress.org/extend/themes/ WordPress Theme Directory].

此外，你可以从[http://wordpress.org/extend/themes/ WordPress 主题目录]中选择已经了解widget的主题。

== Writing Your Own Widgets==

== 编写你自己的Widgets==

WordPress Plugins can be converted to Widgets or take advantage of the [[WordPress:Plugins/WordPress_Widgets_Api|Widgets API]] to add Widget features and options. The developer documentation on writing your own WordPress Widget Plugins, see the [[WordPress:Plugins/WordPress_Widgets_Api|Widgets API]].

WordPress插件可以转变为Widgets或者利用[[WordPress:Plugins/WordPress_Widgets_Api|Widgets API]]添加Widget功能和选项。关于编写你自己的WordPress Widget插件的开发人员文档，请看看[[WordPress:Plugins/WordPress_Widgets_Api|Widgets API]]。

==Other Resources on WordPress Widgets==

==关于WordPress Widgets的其它资源==

*[[WordPress: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 Steps]
*[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]

{{PluginIndex}}





*[[WordPress:Widget_List| Widgets列表]]
*[http://automattic.com/code/widgets/use/ Automattic – 怎样使用Widgets]
*[http://automattic.com/code/widgets/ Automattic - WordPress Widgets 下载]
*[http://automattic.com/code/widgets/api/ Automattic - Widgets API]
*[http://automattic.com/code/widgets/themes/ Automattic - Widgetizing 主题]
*[http://automattic.com/code/widgets/plugins/ Automattic - Widgetizing 插件]
*[http://wordpress.org/development/2006/03/widgets-plugin/ WordPress 发展博客声明]
*[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 T主题转换]
*[http://www.quickonlinetips.com/archives/2007/11/how-to-widget-enable-wordpress-themes-in-3-easy-steps/ Widget-Enable WordPress Themes 三步骤]
*[http://lorelle.wordpress.com/2006/03/31/designing-a-theme-to-include-wordpress-widgets/设计主题包含WordPress Widgets?]
*[http://lorelle.wordpress.com/2006/03/10/playing-with-wordpresscom-new-sidebar-widgets/ Playing with WordPress.com 新的边栏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/ 为Widgets创建多个动态边栏]
*[http://widgets.wordpress.com/ WordPress Widgets 博客上的WordPressWidgets]
*[http://www.fahlstad.se/2006/06/02/widgetize-your-wordpress-theme/ Widgetize你的WordPress 主题]
*[http://www.widgetswordpress.com/ Widgetizing 你的 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 主题]

{{插件索引}}