step up to the sidebar: making the most of widget areas
DESCRIPTION
An introduction to the powerful tools that are WordPress widget areas. In this presentation, we'll cover the basics of how widgets and widget areas work within WordPress themes, including: Intro to widget areas What kinds of content are appropriate for the widget areas What widgets can help accomplish what you need Widgets you may not know about Managing widgets when changing themes Plugins that come with widgets Creating your own widget areas (basic intro)TRANSCRIPT
![Page 1: Step up to the sidebar: Making the Most of Widget Areas](https://reader033.vdocuments.net/reader033/viewer/2022052618/554da5f2b4c905047b8b49b6/html5/thumbnails/1.jpg)
Presented byRindy Portfolio
www.tadpole.cc
![Page 2: Step up to the sidebar: Making the Most of Widget Areas](https://reader033.vdocuments.net/reader033/viewer/2022052618/554da5f2b4c905047b8b49b6/html5/thumbnails/2.jpg)
www.tadpole.cc
About Tadpole
‣ Creative Collective
‣ Hourly Support
‣Website Development
‣Workshops & Training
‣ Hosting Plans
![Page 3: Step up to the sidebar: Making the Most of Widget Areas](https://reader033.vdocuments.net/reader033/viewer/2022052618/554da5f2b4c905047b8b49b6/html5/thumbnails/3.jpg)
www.tadpole.cc
www.tadpole.cc
![Page 4: Step up to the sidebar: Making the Most of Widget Areas](https://reader033.vdocuments.net/reader033/viewer/2022052618/554da5f2b4c905047b8b49b6/html5/thumbnails/4.jpg)
www.tadpole.cc
“...one of the most powerful
features of WordPress.”
- Justin Tadlock
![Page 5: Step up to the sidebar: Making the Most of Widget Areas](https://reader033.vdocuments.net/reader033/viewer/2022052618/554da5f2b4c905047b8b49b6/html5/thumbnails/5.jpg)
www.tadpole.cc
Sidebars...‣ allow for flexible design
‣ as many sidebars as you want*
‣ a.k.a. widget areas
![Page 6: Step up to the sidebar: Making the Most of Widget Areas](https://reader033.vdocuments.net/reader033/viewer/2022052618/554da5f2b4c905047b8b49b6/html5/thumbnails/6.jpg)
www.tadpole.cc
Widgets...‣ mean interoperability
‣ snippet of content
‣ drag & drop
![Page 7: Step up to the sidebar: Making the Most of Widget Areas](https://reader033.vdocuments.net/reader033/viewer/2022052618/554da5f2b4c905047b8b49b6/html5/thumbnails/7.jpg)
www.tadpole.cc
DEMO
![Page 8: Step up to the sidebar: Making the Most of Widget Areas](https://reader033.vdocuments.net/reader033/viewer/2022052618/554da5f2b4c905047b8b49b6/html5/thumbnails/8.jpg)
www.tadpole.cc
Types of Widgets
‣ Recent Posts
‣ Recent Contents
‣ Search
‣ Meta
‣ Text Widget
![Page 9: Step up to the sidebar: Making the Most of Widget Areas](https://reader033.vdocuments.net/reader033/viewer/2022052618/554da5f2b4c905047b8b49b6/html5/thumbnails/9.jpg)
www.tadpole.cc
Shortcodes in the Text Widget
add_filter('widget_text','do_shortcode');
Add this code to functions.php
and now shortcodes will work in the text widget!
![Page 10: Step up to the sidebar: Making the Most of Widget Areas](https://reader033.vdocuments.net/reader033/viewer/2022052618/554da5f2b4c905047b8b49b6/html5/thumbnails/10.jpg)
www.tadpole.cc
Widgets & Plugins
‣ Membership
‣ Events
‣ Social Media
‣ Advertising
‣ and lots more...
![Page 11: Step up to the sidebar: Making the Most of Widget Areas](https://reader033.vdocuments.net/reader033/viewer/2022052618/554da5f2b4c905047b8b49b6/html5/thumbnails/11.jpg)
www.tadpole.cc
Widgets & Plugins
‣ Display widgets http://wordpress.org/extend/plugins/display-widgets/
‣ Taxonomy Widget http://wordpress.org/extend/plugins/taxonomy-widget/
‣ Really Simple Gallery Widget http://wordpress.org/extend/plugins/really-simple-gallery-widget/
![Page 12: Step up to the sidebar: Making the Most of Widget Areas](https://reader033.vdocuments.net/reader033/viewer/2022052618/554da5f2b4c905047b8b49b6/html5/thumbnails/12.jpg)
www.tadpole.cc
Widget Areas in Themes
http://wordpress.org/extend/themes/spine/http://wordpress.org/extend/themes/pinboard/http://wordpress.org/extend/themes/leaf/
![Page 13: Step up to the sidebar: Making the Most of Widget Areas](https://reader033.vdocuments.net/reader033/viewer/2022052618/554da5f2b4c905047b8b49b6/html5/thumbnails/13.jpg)
www.tadpole.cc
Create your own Widget Area
<?php get_header();
get_footer(); ?>
get_content(); get_sidebar();
![Page 14: Step up to the sidebar: Making the Most of Widget Areas](https://reader033.vdocuments.net/reader033/viewer/2022052618/554da5f2b4c905047b8b49b6/html5/thumbnails/14.jpg)
www.tadpole.cc
Create your own Widget Area
header.php
footer.php
content.php sidebar.php
![Page 15: Step up to the sidebar: Making the Most of Widget Areas](https://reader033.vdocuments.net/reader033/viewer/2022052618/554da5f2b4c905047b8b49b6/html5/thumbnails/15.jpg)
www.tadpole.cc
‣ Step 1: Define Sidebar in
functions.php.
‣ Step 2: Add sidebar to
theme location.
Create your own Widget Area
![Page 16: Step up to the sidebar: Making the Most of Widget Areas](https://reader033.vdocuments.net/reader033/viewer/2022052618/554da5f2b4c905047b8b49b6/html5/thumbnails/16.jpg)
www.tadpole.cc
<?php
register_sidebar(array( 'name' => 'Primary Widget Area', 'id' => 'primary-widget-area', 'description' => 'Front Page Sidebar.' ), 'before_title' => '<h1>', 'after_title' => '</h1>' ));
?>
Step 1: functions.php
![Page 17: Step up to the sidebar: Making the Most of Widget Areas](https://reader033.vdocuments.net/reader033/viewer/2022052618/554da5f2b4c905047b8b49b6/html5/thumbnails/17.jpg)
www.tadpole.cc
<?php if ( !dynamic_sidebar( 'primary-widget-area' )) : ?>
<!-- Content to display if no widgets are present -->
<?php else : dynamic_sidebar ( 'primary-widget-area' );
endif;
?>
Step 2: Add to theme file
![Page 18: Step up to the sidebar: Making the Most of Widget Areas](https://reader033.vdocuments.net/reader033/viewer/2022052618/554da5f2b4c905047b8b49b6/html5/thumbnails/18.jpg)
www.tadpole.cc
Go Forth and get
your sidebar on!
![Page 19: Step up to the sidebar: Making the Most of Widget Areas](https://reader033.vdocuments.net/reader033/viewer/2022052618/554da5f2b4c905047b8b49b6/html5/thumbnails/19.jpg)
www.tadpole.cc
Resources
‣ Justin Tadlock - Sidebars in Wordpress http://justintadlock.com/archives/2010/11/08/sidebars-in-wordpress/
‣ Jeremy Clarke - Widgetizing Everythinghttp://www.slideshare.net/jeremyclarke/widgetize-everything-building-smarter-wordpress-themes-with-widgets-and-templates-wordcamp-montreal-2010
![Page 20: Step up to the sidebar: Making the Most of Widget Areas](https://reader033.vdocuments.net/reader033/viewer/2022052618/554da5f2b4c905047b8b49b6/html5/thumbnails/20.jpg)
www.tadpole.cc
Resources
‣ WordPress.org Codex http://codex.wordpress.org/Customizing_Your_Sidebar#New_ way_of_adding_sidebars
‣ Lorelle on WordPress - Exploring the WordPress Text Widgethttp://lorelle.wordpress.com/2011/08/23/wordpress-tips-exploring-the-wordpress-text-widget/
![Page 21: Step up to the sidebar: Making the Most of Widget Areas](https://reader033.vdocuments.net/reader033/viewer/2022052618/554da5f2b4c905047b8b49b6/html5/thumbnails/21.jpg)
www.tadpole.cc
Q & A
![Page 22: Step up to the sidebar: Making the Most of Widget Areas](https://reader033.vdocuments.net/reader033/viewer/2022052618/554da5f2b4c905047b8b49b6/html5/thumbnails/22.jpg)
www.tadpole.cc
Thanks!Rindy Portfolio
@portfolawww.tadpole.cc