SlideShare a Scribd company logo
WordPress WidgetsKathy E Gill1 February 2011
What Are Widgets?A “configurable code snippet" that makes it possible to modify function and appearance
Widgets & WordPress ThemesNot all themes are widget-capableThemes vary in widget options, location
Single Widget Area
Multiple Widget Areas
Where Are Widgets?Access the widgets page from the Appearance Menu in your Dashboard.
Default Appearance - Single
Default Appearance - Multi
Monotone: No Widgets Supported
Editing AppearanceNote: once you edit a widget area, the default widgets disappearRecommendation: before editing, take a screenshot of your themeTip: if you don’t want anything to show up in a widget area, try adding a blank text widget.
Adding WidgetsTo add a widget, drag from the Available or Inactive Widgets area on the left onto the Sidebar area on the right.When you see a dashed line appear, you can drop the widget into place.Single widget area; image from WP.com
Multiple Widget Locations
Configuring WidgetsEach widget has configuration options.Click on the triangle on the right side of the widget to configure.You’ll need to save only if you edit.
Ordering, Deleting WidgetsChange the order of the widgets by dragging and dropping them in the sidebar area.Delete by dragging to the left or clicking the “delete” link on the configuration box.Note: design change is immediate – no “save” required
Screencast
Important Widgets (1/5)ArchivesNavigation. Provides access to old posts; a key characteristic of blog as a genreCategoriesNavigation. Provides access to posts by topic; a key characteristic of blog as a genre
Important Widgets (2/5)LinksAs Blogroll, Background. Provides insight into blog content, author; a key characteristic of blog as a genreTag CloudNavigation, Background. Provides access to posts by keyword; requires reasonably large corpus to be useful.
Important Widgets (3/5)PagesNavigation. Provides access to pages; essential if sidebar is primary navigation.Category CloudNavigation, Background. Provides alternative access to posts by category; requires reasonably large corpus to be useful.
Important Widgets (4/5)Recent PostsBackground. Highlights most recent posts; useful when “more” tag not employed.Recent CommentsBackground. Highlights most recent comments; requires reasonably large corpus/frequent comments to be meaningful.
Important Widgets (5/5)TextMay be the most important widget; can hold text or HTML but no javascript.RSS LinksProvides access to post and comment RSS feed using orange button. Essential if there is no other RSS subscription link in the design.
Interesting Widgets (1/3)TwitterBackground. Displays tweets by handle.FlickrBackground. Displays photos from Flickr based on an RSS feed.DeliciousBackground. Display Delicious links by handle.
Interesting Widgets (2/3)Box.netFunctionality. Share files with your readers.MeeboFunctionality. Enables private IM chat.SocialVibeFunctionality. Support a charity.
Interesting Widgets (3/3)Blog SubscriptionFunctionality. Enables email alert when there are new posts.SocialVibeFunctionality. Support a charity.
Widgets That Require ContentSearchUseless unless there is a large corpus.Top ClicksUseless unless there is a large corpus.Top Posts and PagesUseless unless there is a large corpus.
WordPress WidgetsList and descriptions at WP.com: http://en.support.wordpress.com/topic/widgets-sidebars/Even more widgets available for self-hosted WP accounts: http://codex.wordpress.org/WordPress_Widgets
For Portfolio SitesConsider adding links to Facebook, LinkedIn and TwitterYou will use Text Box. We’ll do one of these on Thursday.
Widgets Are Not Plug-insWP.com has no user-configurable plug-ins
Widgets = content (more or less)

More Related Content

PPT
WordPress plugins
PPTX
How WordPress Themes Work
PDF
CSS Dasar #8 : Pseudo-class
PDF
Frontend Crash Course: HTML and CSS
PDF
CSS Dasar #10 : Specificity
KEY
CSS and CSS3
PPTX
CSS Eksperimen - 02-2 Flexbox Grid
PPTX
Std 10 Computer Chapter 3 Handling Images in HTML (Part 1)
WordPress plugins
How WordPress Themes Work
CSS Dasar #8 : Pseudo-class
Frontend Crash Course: HTML and CSS
CSS Dasar #10 : Specificity
CSS and CSS3
CSS Eksperimen - 02-2 Flexbox Grid
Std 10 Computer Chapter 3 Handling Images in HTML (Part 1)

What's hot (20)

PPT
WordPress Complete Tutorial
PPTX
Html forms
PDF
Java web application 2 - membuat template web
PDF
HTTP Request and Response Structure
PPTX
Html styles
PPTX
PDF
CSS Dasar #3 : Penempatan CSS
PPTX
css.ppt
PDF
스프링 시큐리티 구조 이해
PPTX
PDF
Alice Phieu - WordPress For Beginners
PPTX
02. input validation module v5
PPTX
Introduction to HTML and CSS
PDF
Introduction to WordPress
PDF
HTML Dasar : #7 Hyperlink
PPT
PPTX
HTML Basic, CSS Basic, JavaScript basic.
PDF
jQuery for beginners
PPTX
presentation in html,css,javascript
WordPress Complete Tutorial
Html forms
Java web application 2 - membuat template web
HTTP Request and Response Structure
Html styles
CSS Dasar #3 : Penempatan CSS
css.ppt
스프링 시큐리티 구조 이해
Alice Phieu - WordPress For Beginners
02. input validation module v5
Introduction to HTML and CSS
Introduction to WordPress
HTML Dasar : #7 Hyperlink
HTML Basic, CSS Basic, JavaScript basic.
jQuery for beginners
presentation in html,css,javascript
Ad

Viewers also liked (7)

PDF
Polea digitalisoi liikketoimintasi
DOCX
Choice board- from We're Engaged! Put a Ring on Students' Learning
PDF
Programming with Python - Basic
PDF
Haters gonna hate
PDF
How to use the SlideShare widget?
PPTX
How To Embed SlideShare Shows Into WordPress.com
PDF
A Guide to SlideShare Analytics - Excerpts from Hubspot's Step by Step Guide ...
Polea digitalisoi liikketoimintasi
Choice board- from We're Engaged! Put a Ring on Students' Learning
Programming with Python - Basic
Haters gonna hate
How to use the SlideShare widget?
How To Embed SlideShare Shows Into WordPress.com
A Guide to SlideShare Analytics - Excerpts from Hubspot's Step by Step Guide ...
Ad

Similar to Working With WordPress Widgets (20)

PPTX
Customizing Wordpress
PDF
3_4_widgets_wordpress_for_beginners.pdf
PPTX
Social media management wordpress ppt
PPTX
The panels family
PPTX
Basic wordpress editing
PPTX
Hidden WP Features
PPTX
Boston WordPress Meetup June 2017 Utility Plugins
PPTX
Wordpress Widgets type
PPTX
Wordpress for Beginners: 10 Must Knows
PDF
Meetup: The big change coming to WordPress in 2018 - Gutenberg
PDF
Meetup: The big change coming to WordPress in 2018 - Gutenberg
PPT
Joomla Day2
PPTX
8 Hidden Features on WordPress
PDF
Net4’s EasySite Builder Step By Step Guide to Create Business Website
PDF
Net4’s EasySite Builder Step by Step Guide
PDF
What are sections
PPTX
PDF
Responsive bootstrap magento theme
PPT
"Twitter and Web Accessibility" INDATA Conference 2010
Customizing Wordpress
3_4_widgets_wordpress_for_beginners.pdf
Social media management wordpress ppt
The panels family
Basic wordpress editing
Hidden WP Features
Boston WordPress Meetup June 2017 Utility Plugins
Wordpress Widgets type
Wordpress for Beginners: 10 Must Knows
Meetup: The big change coming to WordPress in 2018 - Gutenberg
Meetup: The big change coming to WordPress in 2018 - Gutenberg
Joomla Day2
8 Hidden Features on WordPress
Net4’s EasySite Builder Step By Step Guide to Create Business Website
Net4’s EasySite Builder Step by Step Guide
What are sections
Responsive bootstrap magento theme
"Twitter and Web Accessibility" INDATA Conference 2010

More from Kathy Gill (20)

PDF
Dublin Courier Herald, 1 April 2015
PPTX
How to manage web projects without setting your hair on fire
PPT
WordPress for Beginners : making your first post
PPT
Introduction To Digital Publishing For Authors
PPTX
Civility and The Three Cs: Context, Curation and Community
PPT
Introduction to Linux
PPT
Creating Mobile Applications
PPT
Rock Your Presentation!
PPTX
Twitter for Journalists
PPT
Using Personas In Web Design
PPT
Editing Wikipedia
PPT
Digital Networks
PPT
Intro to Web Design
PPTX
MCDM Orientation 2011 : Workshops
PPTX
MCDM Toolkit
PPT
Health Care In A "Social Media" World
PPT
COM 300 - week 1
PPT
How To Create Government Websites That Don't #FAIL
PPT
Craft Your Story Visually
PPT
Ethics In Journalism
Dublin Courier Herald, 1 April 2015
How to manage web projects without setting your hair on fire
WordPress for Beginners : making your first post
Introduction To Digital Publishing For Authors
Civility and The Three Cs: Context, Curation and Community
Introduction to Linux
Creating Mobile Applications
Rock Your Presentation!
Twitter for Journalists
Using Personas In Web Design
Editing Wikipedia
Digital Networks
Intro to Web Design
MCDM Orientation 2011 : Workshops
MCDM Toolkit
Health Care In A "Social Media" World
COM 300 - week 1
How To Create Government Websites That Don't #FAIL
Craft Your Story Visually
Ethics In Journalism

Recently uploaded (20)

PDF
Encapsulation_ Review paper, used for researhc scholars
PDF
Architecting across the Boundaries of two Complex Domains - Healthcare & Tech...
PDF
Mobile App Security Testing_ A Comprehensive Guide.pdf
PDF
Per capita expenditure prediction using model stacking based on satellite ima...
PDF
NewMind AI Weekly Chronicles - August'25-Week II
PDF
A comparative analysis of optical character recognition models for extracting...
PDF
Blue Purple Modern Animated Computer Science Presentation.pdf.pdf
PDF
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
PPTX
Big Data Technologies - Introduction.pptx
PDF
Video forgery: An extensive analysis of inter-and intra-frame manipulation al...
PDF
Empathic Computing: Creating Shared Understanding
PDF
Unlocking AI with Model Context Protocol (MCP)
PDF
Electronic commerce courselecture one. Pdf
PDF
Getting Started with Data Integration: FME Form 101
PPTX
MYSQL Presentation for SQL database connectivity
PPTX
Machine Learning_overview_presentation.pptx
PDF
Reach Out and Touch Someone: Haptics and Empathic Computing
PDF
Building Integrated photovoltaic BIPV_UPV.pdf
PDF
Advanced methodologies resolving dimensionality complications for autism neur...
PPTX
Spectroscopy.pptx food analysis technology
Encapsulation_ Review paper, used for researhc scholars
Architecting across the Boundaries of two Complex Domains - Healthcare & Tech...
Mobile App Security Testing_ A Comprehensive Guide.pdf
Per capita expenditure prediction using model stacking based on satellite ima...
NewMind AI Weekly Chronicles - August'25-Week II
A comparative analysis of optical character recognition models for extracting...
Blue Purple Modern Animated Computer Science Presentation.pdf.pdf
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
Big Data Technologies - Introduction.pptx
Video forgery: An extensive analysis of inter-and intra-frame manipulation al...
Empathic Computing: Creating Shared Understanding
Unlocking AI with Model Context Protocol (MCP)
Electronic commerce courselecture one. Pdf
Getting Started with Data Integration: FME Form 101
MYSQL Presentation for SQL database connectivity
Machine Learning_overview_presentation.pptx
Reach Out and Touch Someone: Haptics and Empathic Computing
Building Integrated photovoltaic BIPV_UPV.pdf
Advanced methodologies resolving dimensionality complications for autism neur...
Spectroscopy.pptx food analysis technology

Working With WordPress Widgets

  • 1. WordPress WidgetsKathy E Gill1 February 2011
  • 2. What Are Widgets?A “configurable code snippet" that makes it possible to modify function and appearance
  • 3. Widgets & WordPress ThemesNot all themes are widget-capableThemes vary in widget options, location
  • 6. Where Are Widgets?Access the widgets page from the Appearance Menu in your Dashboard.
  • 10. Editing AppearanceNote: once you edit a widget area, the default widgets disappearRecommendation: before editing, take a screenshot of your themeTip: if you don’t want anything to show up in a widget area, try adding a blank text widget.
  • 11. Adding WidgetsTo add a widget, drag from the Available or Inactive Widgets area on the left onto the Sidebar area on the right.When you see a dashed line appear, you can drop the widget into place.Single widget area; image from WP.com
  • 13. Configuring WidgetsEach widget has configuration options.Click on the triangle on the right side of the widget to configure.You’ll need to save only if you edit.
  • 14. Ordering, Deleting WidgetsChange the order of the widgets by dragging and dropping them in the sidebar area.Delete by dragging to the left or clicking the “delete” link on the configuration box.Note: design change is immediate – no “save” required
  • 16. Important Widgets (1/5)ArchivesNavigation. Provides access to old posts; a key characteristic of blog as a genreCategoriesNavigation. Provides access to posts by topic; a key characteristic of blog as a genre
  • 17. Important Widgets (2/5)LinksAs Blogroll, Background. Provides insight into blog content, author; a key characteristic of blog as a genreTag CloudNavigation, Background. Provides access to posts by keyword; requires reasonably large corpus to be useful.
  • 18. Important Widgets (3/5)PagesNavigation. Provides access to pages; essential if sidebar is primary navigation.Category CloudNavigation, Background. Provides alternative access to posts by category; requires reasonably large corpus to be useful.
  • 19. Important Widgets (4/5)Recent PostsBackground. Highlights most recent posts; useful when “more” tag not employed.Recent CommentsBackground. Highlights most recent comments; requires reasonably large corpus/frequent comments to be meaningful.
  • 20. Important Widgets (5/5)TextMay be the most important widget; can hold text or HTML but no javascript.RSS LinksProvides access to post and comment RSS feed using orange button. Essential if there is no other RSS subscription link in the design.
  • 21. Interesting Widgets (1/3)TwitterBackground. Displays tweets by handle.FlickrBackground. Displays photos from Flickr based on an RSS feed.DeliciousBackground. Display Delicious links by handle.
  • 22. Interesting Widgets (2/3)Box.netFunctionality. Share files with your readers.MeeboFunctionality. Enables private IM chat.SocialVibeFunctionality. Support a charity.
  • 23. Interesting Widgets (3/3)Blog SubscriptionFunctionality. Enables email alert when there are new posts.SocialVibeFunctionality. Support a charity.
  • 24. Widgets That Require ContentSearchUseless unless there is a large corpus.Top ClicksUseless unless there is a large corpus.Top Posts and PagesUseless unless there is a large corpus.
  • 25. WordPress WidgetsList and descriptions at WP.com: http://en.support.wordpress.com/topic/widgets-sidebars/Even more widgets available for self-hosted WP accounts: http://codex.wordpress.org/WordPress_Widgets
  • 26. For Portfolio SitesConsider adding links to Facebook, LinkedIn and TwitterYou will use Text Box. We’ll do one of these on Thursday.
  • 27. Widgets Are Not Plug-insWP.com has no user-configurable plug-ins
  • 28. Widgets = content (more or less)
  • 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)CreditsKathy E Gill, @kegillCreative Commons: share-and-share alike, non-commercial, attributionPermanent home: http://wiredpen.com/resources/presentations/wordpress-using-widgets-to-customize-your-theme/