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

PDF
Introduction to WordPress
PPTX
How WordPress Themes Work
PPT
Dream weaver ppt
PDF
CSS Bloat!
KEY
What is Object Oriented CSS?
PPTX
Microsoft Power Point 2007 (Basics)
PDF
Tycs sem 5 asp.net notes unit 1 2 3 4 (2017)
PPTX
HTML Semantic Tags
Introduction to WordPress
How WordPress Themes Work
Dream weaver ppt
CSS Bloat!
What is Object Oriented CSS?
Microsoft Power Point 2007 (Basics)
Tycs sem 5 asp.net notes unit 1 2 3 4 (2017)
HTML Semantic Tags

What's hot (20)

PPTX
HTML5 audio & video
PPT
cascading style sheet ppt
PDF
Wordpress CMS tutorial and guide manual
PPTX
Shadows Effects in CSS
PDF
Div tag presentation
PPTX
Flask – Python
PDF
Introduction to HTML and CSS
PPTX
Html and CSS: Chapter 02
PDF
Responsive web design
PDF
Introduction to html 5
PPTX
Html5 and-css3-overview
PPTX
Introduction to Web Content Management
PDF
Lecture-3: Introduction to html - Basic Structure & Block Building
PPTX
Front-end development introduction (HTML, CSS). Part 1
PPTX
Content Management System
PDF
UDA-Componentes RUP. Fecha (v2.1.0 deprecado)
KEY
Authentication
PPTX
PDF
Quick flask an intro to flask
PDF
Vue, vue router, vuex
HTML5 audio & video
cascading style sheet ppt
Wordpress CMS tutorial and guide manual
Shadows Effects in CSS
Div tag presentation
Flask – Python
Introduction to HTML and CSS
Html and CSS: Chapter 02
Responsive web design
Introduction to html 5
Html5 and-css3-overview
Introduction to Web Content Management
Lecture-3: Introduction to html - Basic Structure & Block Building
Front-end development introduction (HTML, CSS). Part 1
Content Management System
UDA-Componentes RUP. Fecha (v2.1.0 deprecado)
Authentication
Quick flask an intro to flask
Vue, vue router, vuex
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
10 Cool Things You Can Do with Widgets
PPTX
Wordpress Widgets type
PDF
3_4_widgets_wordpress_for_beginners.pdf
PDF
Introduction to WordPress Class 3
PPTX
Social media management wordpress ppt
PPTX
Wordpress complete tutorial
PDF
Getting to Know WordPress May 2015
PDF
WordPress: After The Install
PPSX
Wordpress Setup Basics for Dummies by Haneef Puttur
PPTX
WordPress Widgets
PPT
WordPress 2.5 Overview - Rich Media Institute
PPTX
Wordpress
PPTX
Wordpress For Begineer
PPTX
Wordpress (Theme,Widget,plugins)
PDF
Building a website with Wordpress
PPTX
WordPress How To by Sherif Morgan
KEY
Beginners' Guide to WordPress
KEY
A Beginner's Guide to WordPress - WordCamp Montreal 2012
PDF
Getting to know WordPress
Customizing Wordpress
10 Cool Things You Can Do with Widgets
Wordpress Widgets type
3_4_widgets_wordpress_for_beginners.pdf
Introduction to WordPress Class 3
Social media management wordpress ppt
Wordpress complete tutorial
Getting to Know WordPress May 2015
WordPress: After The Install
Wordpress Setup Basics for Dummies by Haneef Puttur
WordPress Widgets
WordPress 2.5 Overview - Rich Media Institute
Wordpress
Wordpress For Begineer
Wordpress (Theme,Widget,plugins)
Building a website with Wordpress
WordPress How To by Sherif Morgan
Beginners' Guide to WordPress
A Beginner's Guide to WordPress - WordCamp Montreal 2012
Getting to know WordPress

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
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
PDF
TokAI - TikTok AI Agent : The First AI Application That Analyzes 10,000+ Vira...
PDF
cuic standard and advanced reporting.pdf
PDF
How UI/UX Design Impacts User Retention in Mobile Apps.pdf
PDF
Review of recent advances in non-invasive hemoglobin estimation
PPTX
Digital-Transformation-Roadmap-for-Companies.pptx
DOCX
The AUB Centre for AI in Media Proposal.docx
PDF
Encapsulation theory and applications.pdf
PDF
The Rise and Fall of 3GPP – Time for a Sabbatical?
PPTX
Detection-First SIEM: Rule Types, Dashboards, and Threat-Informed Strategy
PDF
Agricultural_Statistics_at_a_Glance_2022_0.pdf
PPTX
MYSQL Presentation for SQL database connectivity
PDF
Mobile App Security Testing_ A Comprehensive Guide.pdf
PPT
“AI and Expert System Decision Support & Business Intelligence Systems”
PPTX
Cloud computing and distributed systems.
PDF
Dropbox Q2 2025 Financial Results & Investor Presentation
PDF
Reach Out and Touch Someone: Haptics and Empathic Computing
PPTX
KOM of Painting work and Equipment Insulation REV00 update 25-dec.pptx
PPT
Teaching material agriculture food technology
PDF
Blue Purple Modern Animated Computer Science Presentation.pdf.pdf
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
TokAI - TikTok AI Agent : The First AI Application That Analyzes 10,000+ Vira...
cuic standard and advanced reporting.pdf
How UI/UX Design Impacts User Retention in Mobile Apps.pdf
Review of recent advances in non-invasive hemoglobin estimation
Digital-Transformation-Roadmap-for-Companies.pptx
The AUB Centre for AI in Media Proposal.docx
Encapsulation theory and applications.pdf
The Rise and Fall of 3GPP – Time for a Sabbatical?
Detection-First SIEM: Rule Types, Dashboards, and Threat-Informed Strategy
Agricultural_Statistics_at_a_Glance_2022_0.pdf
MYSQL Presentation for SQL database connectivity
Mobile App Security Testing_ A Comprehensive Guide.pdf
“AI and Expert System Decision Support & Business Intelligence Systems”
Cloud computing and distributed systems.
Dropbox Q2 2025 Financial Results & Investor Presentation
Reach Out and Touch Someone: Haptics and Empathic Computing
KOM of Painting work and Equipment Insulation REV00 update 25-dec.pptx
Teaching material agriculture food technology
Blue Purple Modern Animated Computer Science Presentation.pdf.pdf

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/