Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Working With WordPress Widgets


Published on

Overview of widgets with hosted WordPress

Published in: Technology, Business

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<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<br />Even more widgets available for self-hosted WP accounts:<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> 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 />