WordPress Widgets<br />Kathy E Gill<br />1 February 2011<br />
What Are Widgets?<br />A “configurable code snippet" that makes it possible to modify function and appearance<br />
Widgets & WordPress Themes<br />Not all themes are widget-capable<br />Themes vary in widget options, location<br />
Single Widget Area<br />
Multiple Widget Areas<br />
Where Are Widgets?<br />Access the widgets page from the Appearance Menu in your Dashboard.<br />
Default Appearance - Single<br />
Default Appearance - Multi<br />
Monotone: No Widgets Supported<br />
Editing Appearance<br />Note: once you edit a widget area, the default widgets disappear<br />Recommendation: before editi...
Adding Widgets<br />To add a widget, drag from the Available or Inactive Widgets area on the left onto the Sidebar area on...
Multiple Widget Locations<br />
Configuring Widgets<br />Each widget has configuration options.Click on the triangle on the right side of the widget to co...
Ordering, Deleting Widgets<br />Change the order of the widgets by dragging and dropping them in the sidebar area.<br />De...
Screencast<br />
Important Widgets (1/5)<br />ArchivesNavigation. Provides access to old posts; a key characteristic of blog as a genre<br ...
Important Widgets (2/5)<br />LinksAs Blogroll, Background. Provides insight into blog content, author; a key characteristi...
Important Widgets (3/5)<br />PagesNavigation. Provides access to pages; essential if sidebar is primary navigation.<br />C...
Important Widgets (4/5)<br />Recent PostsBackground. Highlights most recent posts; useful when “more” tag not employed.<br...
Important Widgets (5/5)<br />TextMay be the most important widget; can hold text or HTML but no javascript.<br />RSS Links...
Interesting Widgets (1/3)<br />TwitterBackground. Displays tweets by handle.<br />FlickrBackground. Displays photos from F...
Interesting Widgets (2/3)<br />Box.netFunctionality. Share files with your readers.<br />MeeboFunctionality. Enables priva...
Interesting Widgets (3/3)<br />Blog SubscriptionFunctionality. Enables email alert when there are new posts.<br />SocialVi...
Widgets That Require Content<br />SearchUseless unless there is a large corpus.<br />Top ClicksUseless unless there is a l...
WordPress Widgets<br />List and descriptions at WP.com: http://en.support.wordpress.com/topic/widgets-sidebars/<br />Even ...
For Portfolio Sites<br />Consider adding links to Facebook, LinkedIn and Twitter<br />You will use Text Box. We’ll do one ...
Widgets Are Not Plug-ins<br /><ul><li>WP.com has no user-configurable plug-ins
Widgets = content (more or less)
Upcoming SlideShare
Loading in …5
×

Working With WordPress Widgets

2,282
-1

Published on

Overview of widgets with hosted WordPress

Published in: Technology, Business
1 Comment
2 Likes
Statistics
Notes
No Downloads
Views
Total Views
2,282
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
13
Comments
1
Likes
2
Embeds 0
No embeds

No notes for slide

Working With WordPress Widgets

  1. 1. WordPress Widgets<br />Kathy E Gill<br />1 February 2011<br />
  2. 2. What Are Widgets?<br />A “configurable code snippet" that makes it possible to modify function and appearance<br />
  3. 3. Widgets & WordPress Themes<br />Not all themes are widget-capable<br />Themes vary in widget options, location<br />
  4. 4. Single Widget Area<br />
  5. 5. Multiple Widget Areas<br />
  6. 6. Where Are Widgets?<br />Access the widgets page from the Appearance Menu in your Dashboard.<br />
  7. 7. Default Appearance - Single<br />
  8. 8. Default Appearance - Multi<br />
  9. 9. Monotone: No Widgets Supported<br />
  10. 10. Editing Appearance<br />Note: once you edit a widget area, the default widgets disappear<br />Recommendation: before editing, take a screenshot of your theme<br />Tip: if you don’t want anything to show up in a widget area, try adding a blank text widget.<br />
  11. 11. Adding Widgets<br />To add a widget, drag from the Available or Inactive Widgets area on the left onto the Sidebar area on the right.<br />When you see a dashed line appear, you can drop the widget into place.<br />Single widget area; image from WP.com<br />
  12. 12. Multiple Widget Locations<br />
  13. 13. Configuring Widgets<br />Each widget has configuration options.Click on the triangle on the right side of the widget to configure.<br />You’ll need to save only if you edit.<br />
  14. 14. Ordering, Deleting Widgets<br />Change the order of the widgets by dragging and dropping them in the sidebar area.<br />Delete by dragging to the left or clicking the “delete” link on the configuration box.<br />Note: design change is immediate – no “save” required<br />
  15. 15. Screencast<br />
  16. 16. Important Widgets (1/5)<br />ArchivesNavigation. Provides access to old posts; a key characteristic of blog as a genre<br />CategoriesNavigation. Provides access to posts by topic; a key characteristic of blog as a genre<br />
  17. 17. Important Widgets (2/5)<br />LinksAs Blogroll, Background. Provides insight into blog content, author; a key characteristic of blog as a genre<br />Tag CloudNavigation, Background. Provides access to posts by keyword; requires reasonably large corpus to be useful.<br />
  18. 18. Important Widgets (3/5)<br />PagesNavigation. Provides access to pages; essential if sidebar is primary navigation.<br />Category CloudNavigation, Background. Provides alternative access to posts by category; requires reasonably large corpus to be useful.<br />
  19. 19. Important Widgets (4/5)<br />Recent PostsBackground. Highlights most recent posts; useful when “more” tag not employed.<br />Recent CommentsBackground. Highlights most recent comments; requires reasonably large corpus/frequent comments to be meaningful.<br />
  20. 20. Important Widgets (5/5)<br />TextMay be the most important widget; can hold text or HTML but no javascript.<br />RSS LinksProvides access to post and comment RSS feed using orange button. Essential if there is no other RSS subscription link in the design.<br />
  21. 21. Interesting Widgets (1/3)<br />TwitterBackground. Displays tweets by handle.<br />FlickrBackground. Displays photos from Flickr based on an RSS feed.<br />DeliciousBackground. Display Delicious links by handle.<br />
  22. 22. Interesting Widgets (2/3)<br />Box.netFunctionality. Share files with your readers.<br />MeeboFunctionality. Enables private IM chat.<br />SocialVibeFunctionality. Support a charity.<br />
  23. 23. Interesting Widgets (3/3)<br />Blog SubscriptionFunctionality. Enables email alert when there are new posts.<br />SocialVibeFunctionality. Support a charity.<br />
  24. 24. Widgets That Require Content<br />SearchUseless unless there is a large corpus.<br />Top ClicksUseless unless there is a large corpus.<br />Top Posts and PagesUseless unless there is a large corpus.<br />
  25. 25. WordPress Widgets<br />List and descriptions at WP.com: http://en.support.wordpress.com/topic/widgets-sidebars/<br />Even more widgets available for self-hosted WP accounts: http://codex.wordpress.org/WordPress_Widgets<br />
  26. 26. For Portfolio Sites<br />Consider adding links to Facebook, LinkedIn and Twitter<br />You will use Text Box. We’ll do one of these on Thursday.<br />
  27. 27. Widgets Are Not Plug-ins<br /><ul><li>WP.com has no user-configurable plug-ins
  28. 28. Widgets = content (more or less)
  29. 29. Plug-Ins = functionality (usually are back-end, such as Akismet, statistics or Google analytics, but may provide short-code functionality or easy content sharing)</li></li></ul><li>Credits<br />Kathy E Gill, @kegill<br />Creative Commons: share-and-share alike, non-commercial, attribution<br />

×