SlideShare a Scribd company logo
Sunday Funday:
 Plugins, Widgets,
Customizing Themes,
     Publishing
Today's Plan
● Plugins
● Widgets
● Themes and extension - "child themes"
● Review


Goals
● You will understand what widgets are and how to use them
● You will know the 'definition' of a plugin
● You'll have the basics of child themes down, and might
  have one of your own!
● If we have time, we have a review game to solidify
  concepts, or we can workshop
Plugins extend the 
functionality of 
WordPress. 
Exercise: Plugins
Complete/Answer the following:
 ● Toggle the activation of the Hello Dolly plugin. What
   does it do?
 ● Delete the Hello Dolly plugin. What are the two
   components of deletion you're warned about?
 ● Go to Featured plugins and install and activate the
   Theme Check plugin.

          Gold Star! [Extra Credit]
           ● Add the Hello Dolly plugin back. You miss it.
           ● How can you find the lines that Hello Dolly
             choses lyrics from?
           ● Search and add the WP PHP widget to your
             site. Activate. [You'll have more to play with
             in the Widgets exercise!]
Widgets are a form of plugin
that can add functionality to
different areas of your site,
without needing to code.
Exercise: Widgets
Complete/Answer the following:
 ● Use a widget in your site's theme
 ● How can you remove a widget but keep its settings?
 ● Can you use a widget more than once?

          Gold Star! [Extra Credit]
           ● If you installed the PHP widget, play with
             running "Hello World" PHP code in a widget
             area
           ● Does the PHP widget support HTML?
           ● Change themes - did widget support change?




                                     Widgets.
Lessons Learned
Can you ...
 ● Define what plugins (and widgets) do?

Are you ...
 ● Able to install and activate plugins?

Are you ...
 ● Able to customize your site with widgets?
Customizing
Themes, Publishing, &
      Review
Customizing with Child Themes
● A Child Theme is a theme based on another
  theme (the parent)

● It uses all components of the parent
  theme unless you specify otherwise

● http://codex.wordpress.org/Template_Hierarchy 
 ^ This is very useful
Two Steps to a Child Theme




          A folder and a style.css file
Child Theme Review
If file exists, use it. If not...



                    CHILD




                                     PARENT


                                    Go get it from the parent
Exercise: Child Themes



 Make a Child Theme. 


             Gold Star! [Extra Credit]
              ● PLAY
                (start customizing the theme!)
Exercise: Leveraging Your Child Theme
Complete/Answer the following:
 ● Create a 404 template. 
    ○ Start by copying the code from the parent as an
      example into your text editor
    ○ Edit it
    ○ Save as 404.php in your child theme
    ○ Go to a page that does not exist to test

          Gold Star! [Extra Credit]
           ● Customize the archive or loop templates,
             such as making the title a different HTML tag
             ... get creative! 
           ● Can you figure out what "The Loop" is? (see
             archive.php & content.php in twentyeleven)
             Ask a TA to see how you did
Publishing Your Site in 3 Steps
1. Setup your base (WordPress)

2. Install your theme and plugins

3. Transfer your data
Publishing: 3 Steps
1. Setup your base (WordPress)
   Host can take care of this (usually)

2. Install your theme and plugins
   FTP!

3. Transfer your data
   WordPress Export/Import
REVIEW TIME!



Jeopardy!
Help us make things better!




  http://tinyurl.com/gdiseptwp
First
WordPress, next
, the world!



(THANKS, EVERYBODY!)

More Related Content

What's hot

Wordpress Underscores & foundation5
Wordpress Underscores & foundation5Wordpress Underscores & foundation5
Wordpress Underscores & foundation5
Aum Watcharapol
 
WP 101 - Custom Fields & Post Types
WP 101 - Custom Fields & Post TypesWP 101 - Custom Fields & Post Types
WP 101 - Custom Fields & Post Types
Joe Querin
 
WP101 - Themes and Plugins
WP101 - Themes and PluginsWP101 - Themes and Plugins
WP101 - Themes and Plugins
Joe Querin
 
Rockford WordPress Meetup - Child Themes
Rockford WordPress Meetup - Child ThemesRockford WordPress Meetup - Child Themes
Rockford WordPress Meetup - Child Themes
Andrew Wikel
 
WP 101 - WordPress Basics
WP 101 - WordPress BasicsWP 101 - WordPress Basics
WP 101 - WordPress Basics
Joe Querin
 
Learning by Doing: 10 Lessons in Pushing your WordPress Development Skills
Learning by Doing: 10 Lessons in Pushing your WordPress Development SkillsLearning by Doing: 10 Lessons in Pushing your WordPress Development Skills
Learning by Doing: 10 Lessons in Pushing your WordPress Development Skills
Sarah Moyer
 
Theme Wrangling 101
Theme Wrangling 101Theme Wrangling 101
Theme Wrangling 101
mikeyarce
 
WP 101 - Local Development - Themes and Plugins
WP 101 - Local Development - Themes and PluginsWP 101 - Local Development - Themes and Plugins
WP 101 - Local Development - Themes and Plugins
Joe Querin
 
Intro to WordPress Plugins
Intro to WordPress PluginsIntro to WordPress Plugins
Intro to WordPress Plugins
zamoose
 
What are child themes, and why use them
What are child themes, and why use themWhat are child themes, and why use them
What are child themes, and why use them
Utsav Singh Rathour
 
Rapid WordPress Theme Development
Rapid WordPress Theme DevelopmentRapid WordPress Theme Development
Rapid WordPress Theme Development
Josh Williams
 
Wp visual editors - Learning Style
Wp visual editors - Learning StyleWp visual editors - Learning Style
Wp visual editors - Learning Style
Orlando Web Wizard
 
Contributing to WordPress
Contributing to WordPressContributing to WordPress
Contributing to WordPress
Hardeep Asrani
 
Getting Started With WordPress Themes for Beginners
Getting Started With WordPress Themes for BeginnersGetting Started With WordPress Themes for Beginners
Getting Started With WordPress Themes for Beginners
New Tricks
 
WordPress Themes and Plugins
WordPress Themes and PluginsWordPress Themes and Plugins
WordPress Themes and Plugins
superann
 
Modular plugins
Modular pluginsModular plugins
Modular plugins
pippinsplugins
 
Dayton word press meetup
Dayton word press meetupDayton word press meetup
Dayton word press meetupDustin Hartzler
 
WordPress: After The Install
WordPress: After The InstallWordPress: After The Install
WordPress: After The Install
WordPress NYC
 
Web 101 intro to html
Web 101  intro to htmlWeb 101  intro to html
Web 101 intro to html
Hawkman Academy
 

What's hot (20)

Wordpress Underscores & foundation5
Wordpress Underscores & foundation5Wordpress Underscores & foundation5
Wordpress Underscores & foundation5
 
51ppt 042
51ppt 04251ppt 042
51ppt 042
 
WP 101 - Custom Fields & Post Types
WP 101 - Custom Fields & Post TypesWP 101 - Custom Fields & Post Types
WP 101 - Custom Fields & Post Types
 
WP101 - Themes and Plugins
WP101 - Themes and PluginsWP101 - Themes and Plugins
WP101 - Themes and Plugins
 
Rockford WordPress Meetup - Child Themes
Rockford WordPress Meetup - Child ThemesRockford WordPress Meetup - Child Themes
Rockford WordPress Meetup - Child Themes
 
WP 101 - WordPress Basics
WP 101 - WordPress BasicsWP 101 - WordPress Basics
WP 101 - WordPress Basics
 
Learning by Doing: 10 Lessons in Pushing your WordPress Development Skills
Learning by Doing: 10 Lessons in Pushing your WordPress Development SkillsLearning by Doing: 10 Lessons in Pushing your WordPress Development Skills
Learning by Doing: 10 Lessons in Pushing your WordPress Development Skills
 
Theme Wrangling 101
Theme Wrangling 101Theme Wrangling 101
Theme Wrangling 101
 
WP 101 - Local Development - Themes and Plugins
WP 101 - Local Development - Themes and PluginsWP 101 - Local Development - Themes and Plugins
WP 101 - Local Development - Themes and Plugins
 
Intro to WordPress Plugins
Intro to WordPress PluginsIntro to WordPress Plugins
Intro to WordPress Plugins
 
What are child themes, and why use them
What are child themes, and why use themWhat are child themes, and why use them
What are child themes, and why use them
 
Rapid WordPress Theme Development
Rapid WordPress Theme DevelopmentRapid WordPress Theme Development
Rapid WordPress Theme Development
 
Wp visual editors - Learning Style
Wp visual editors - Learning StyleWp visual editors - Learning Style
Wp visual editors - Learning Style
 
Contributing to WordPress
Contributing to WordPressContributing to WordPress
Contributing to WordPress
 
Getting Started With WordPress Themes for Beginners
Getting Started With WordPress Themes for BeginnersGetting Started With WordPress Themes for Beginners
Getting Started With WordPress Themes for Beginners
 
WordPress Themes and Plugins
WordPress Themes and PluginsWordPress Themes and Plugins
WordPress Themes and Plugins
 
Modular plugins
Modular pluginsModular plugins
Modular plugins
 
Dayton word press meetup
Dayton word press meetupDayton word press meetup
Dayton word press meetup
 
WordPress: After The Install
WordPress: After The InstallWordPress: After The Install
WordPress: After The Install
 
Web 101 intro to html
Web 101  intro to htmlWeb 101  intro to html
Web 101 intro to html
 

Viewers also liked

Feminism & Open Source Contribution
Feminism & Open Source ContributionFeminism & Open Source Contribution
Feminism & Open Source Contribution
pamselle
 
Simple Proxying in Rails
Simple Proxying in RailsSimple Proxying in Rails
Simple Proxying in Rails
pamselle
 
MidwestJS Zero to Testing
MidwestJS Zero to TestingMidwestJS Zero to Testing
MidwestJS Zero to Testing
pamselle
 
Displacing Worst Practices in CSS
Displacing Worst Practices in CSSDisplacing Worst Practices in CSS
Displacing Worst Practices in CSS
pamselle
 
Selecting a Web Framework
Selecting a Web FrameworkSelecting a Web Framework
Selecting a Web Framework
pamselle
 
Zero to Testing in JavaScript
Zero to Testing in JavaScriptZero to Testing in JavaScript
Zero to Testing in JavaScriptpamselle
 

Viewers also liked (6)

Feminism & Open Source Contribution
Feminism & Open Source ContributionFeminism & Open Source Contribution
Feminism & Open Source Contribution
 
Simple Proxying in Rails
Simple Proxying in RailsSimple Proxying in Rails
Simple Proxying in Rails
 
MidwestJS Zero to Testing
MidwestJS Zero to TestingMidwestJS Zero to Testing
MidwestJS Zero to Testing
 
Displacing Worst Practices in CSS
Displacing Worst Practices in CSSDisplacing Worst Practices in CSS
Displacing Worst Practices in CSS
 
Selecting a Web Framework
Selecting a Web FrameworkSelecting a Web Framework
Selecting a Web Framework
 
Zero to Testing in JavaScript
Zero to Testing in JavaScriptZero to Testing in JavaScript
Zero to Testing in JavaScript
 

Similar to WordPress 101 Sunday Session

GDI WordPress 4 January 2012
GDI WordPress 4 January 2012GDI WordPress 4 January 2012
GDI WordPress 4 January 2012pamselle
 
Developing Custom WordPress Themes for Clients
Developing Custom WordPress Themes for ClientsDeveloping Custom WordPress Themes for Clients
Developing Custom WordPress Themes for Clients
Steven Slack
 
After the install
After the installAfter the install
After the install
Al Davis
 
Building your first WordPress plugin
Building your first WordPress pluginBuilding your first WordPress plugin
Building your first WordPress pluginJustin Foell
 
Gdi word press_2
Gdi word press_2Gdi word press_2
Gdi word press_2pamselle
 
Theme development essentials columbus oh word camp 2012
Theme development essentials   columbus oh word camp 2012Theme development essentials   columbus oh word camp 2012
Theme development essentials columbus oh word camp 2012Joe Querin
 
HTML/CSS for WordPress
HTML/CSS for WordPressHTML/CSS for WordPress
HTML/CSS for WordPress
Kanchha kaji Prajapati
 
How To Choose A Theme
How To Choose A ThemeHow To Choose A Theme
How To Choose A Theme
Nicky Pink
 
Keeping Your Themes and Plugins Organized.
Keeping Your Themes and Plugins Organized.Keeping Your Themes and Plugins Organized.
Keeping Your Themes and Plugins Organized.
Jacob Martella
 
WordPress 101
WordPress 101 WordPress 101
WordPress 101
Laura Hartwig
 
Child themes
Child themesChild themes
Child themesbobwlsn
 
Bootstrap + Drupal Commerce in less than 45 minutes!
Bootstrap + Drupal Commerce in less than 45 minutes!Bootstrap + Drupal Commerce in less than 45 minutes!
Bootstrap + Drupal Commerce in less than 45 minutes!
Jorge Diaz
 
April 2016 - Atlanta WordPress Users Group - Child Themes
April 2016 - Atlanta WordPress Users Group - Child ThemesApril 2016 - Atlanta WordPress Users Group - Child Themes
April 2016 - Atlanta WordPress Users Group - Child Themes
Eric Sembrat
 
Building a WordPress theme
Building a WordPress themeBuilding a WordPress theme
Building a WordPress theme
Josh Lee
 
Rapid WordPress theme development
Rapid WordPress theme developmentRapid WordPress theme development
Rapid WordPress theme development
Jonny Allbut
 
WordCamp Pokhara - Contributing to the WordPress Repository in a smart Way
WordCamp Pokhara - Contributing to the WordPress Repository in a smart WayWordCamp Pokhara - Contributing to the WordPress Repository in a smart Way
WordCamp Pokhara - Contributing to the WordPress Repository in a smart Way
Mizanur Rahaman Mizan
 
Intro to WordPress Child Themes (NERDS Sept 2014)
Intro to WordPress Child Themes (NERDS Sept 2014)Intro to WordPress Child Themes (NERDS Sept 2014)
Intro to WordPress Child Themes (NERDS Sept 2014)
Kelly Dwan
 
Build the Perfect WordPress Website
Build the Perfect WordPress WebsiteBuild the Perfect WordPress Website
Build the Perfect WordPress Website
Sinergia Labs
 
Intro to Theming Drupal, FOSSLC Summer Camp 2010
Intro to Theming Drupal, FOSSLC Summer Camp 2010Intro to Theming Drupal, FOSSLC Summer Camp 2010
Intro to Theming Drupal, FOSSLC Summer Camp 2010Emma Jane Hogbin Westby
 

Similar to WordPress 101 Sunday Session (20)

GDI WordPress 4 January 2012
GDI WordPress 4 January 2012GDI WordPress 4 January 2012
GDI WordPress 4 January 2012
 
Developing Custom WordPress Themes for Clients
Developing Custom WordPress Themes for ClientsDeveloping Custom WordPress Themes for Clients
Developing Custom WordPress Themes for Clients
 
After the install
After the installAfter the install
After the install
 
Building your first WordPress plugin
Building your first WordPress pluginBuilding your first WordPress plugin
Building your first WordPress plugin
 
Gdi word press_2
Gdi word press_2Gdi word press_2
Gdi word press_2
 
Theme development essentials columbus oh word camp 2012
Theme development essentials   columbus oh word camp 2012Theme development essentials   columbus oh word camp 2012
Theme development essentials columbus oh word camp 2012
 
HTML/CSS for WordPress
HTML/CSS for WordPressHTML/CSS for WordPress
HTML/CSS for WordPress
 
How To Choose A Theme
How To Choose A ThemeHow To Choose A Theme
How To Choose A Theme
 
Keeping Your Themes and Plugins Organized.
Keeping Your Themes and Plugins Organized.Keeping Your Themes and Plugins Organized.
Keeping Your Themes and Plugins Organized.
 
Customizing WordPress Themes
Customizing WordPress ThemesCustomizing WordPress Themes
Customizing WordPress Themes
 
WordPress 101
WordPress 101 WordPress 101
WordPress 101
 
Child themes
Child themesChild themes
Child themes
 
Bootstrap + Drupal Commerce in less than 45 minutes!
Bootstrap + Drupal Commerce in less than 45 minutes!Bootstrap + Drupal Commerce in less than 45 minutes!
Bootstrap + Drupal Commerce in less than 45 minutes!
 
April 2016 - Atlanta WordPress Users Group - Child Themes
April 2016 - Atlanta WordPress Users Group - Child ThemesApril 2016 - Atlanta WordPress Users Group - Child Themes
April 2016 - Atlanta WordPress Users Group - Child Themes
 
Building a WordPress theme
Building a WordPress themeBuilding a WordPress theme
Building a WordPress theme
 
Rapid WordPress theme development
Rapid WordPress theme developmentRapid WordPress theme development
Rapid WordPress theme development
 
WordCamp Pokhara - Contributing to the WordPress Repository in a smart Way
WordCamp Pokhara - Contributing to the WordPress Repository in a smart WayWordCamp Pokhara - Contributing to the WordPress Repository in a smart Way
WordCamp Pokhara - Contributing to the WordPress Repository in a smart Way
 
Intro to WordPress Child Themes (NERDS Sept 2014)
Intro to WordPress Child Themes (NERDS Sept 2014)Intro to WordPress Child Themes (NERDS Sept 2014)
Intro to WordPress Child Themes (NERDS Sept 2014)
 
Build the Perfect WordPress Website
Build the Perfect WordPress WebsiteBuild the Perfect WordPress Website
Build the Perfect WordPress Website
 
Intro to Theming Drupal, FOSSLC Summer Camp 2010
Intro to Theming Drupal, FOSSLC Summer Camp 2010Intro to Theming Drupal, FOSSLC Summer Camp 2010
Intro to Theming Drupal, FOSSLC Summer Camp 2010
 

More from pamselle

Power Spriting With Compass
Power Spriting With CompassPower Spriting With Compass
Power Spriting With Compass
pamselle
 
Aylin Caliskan: Quantifying the Translator Effect: Identifying authors and ma...
Aylin Caliskan: Quantifying the Translator Effect: Identifying authors and ma...Aylin Caliskan: Quantifying the Translator Effect: Identifying authors and ma...
Aylin Caliskan: Quantifying the Translator Effect: Identifying authors and ma...pamselle
 
Sadia Afroz: Detecting Hoaxes, Frauds, and Deception in Writing Style Online
Sadia Afroz: Detecting Hoaxes, Frauds, and Deception in Writing Style Online  Sadia Afroz: Detecting Hoaxes, Frauds, and Deception in Writing Style Online
Sadia Afroz: Detecting Hoaxes, Frauds, and Deception in Writing Style Online pamselle
 
Kamelia Aryafar: Musical Genre Classification Using Sparsity-Eager Support Ve...
Kamelia Aryafar: Musical Genre Classification Using Sparsity-Eager Support Ve...Kamelia Aryafar: Musical Genre Classification Using Sparsity-Eager Support Ve...
Kamelia Aryafar: Musical Genre Classification Using Sparsity-Eager Support Ve...pamselle
 
GDI WordPress 2 January 2012
GDI WordPress 2 January 2012 GDI WordPress 2 January 2012
GDI WordPress 2 January 2012
pamselle
 
GDI WordPress 1 January 2012
GDI WordPress 1 January 2012GDI WordPress 1 January 2012
GDI WordPress 1 January 2012
pamselle
 

More from pamselle (6)

Power Spriting With Compass
Power Spriting With CompassPower Spriting With Compass
Power Spriting With Compass
 
Aylin Caliskan: Quantifying the Translator Effect: Identifying authors and ma...
Aylin Caliskan: Quantifying the Translator Effect: Identifying authors and ma...Aylin Caliskan: Quantifying the Translator Effect: Identifying authors and ma...
Aylin Caliskan: Quantifying the Translator Effect: Identifying authors and ma...
 
Sadia Afroz: Detecting Hoaxes, Frauds, and Deception in Writing Style Online
Sadia Afroz: Detecting Hoaxes, Frauds, and Deception in Writing Style Online  Sadia Afroz: Detecting Hoaxes, Frauds, and Deception in Writing Style Online
Sadia Afroz: Detecting Hoaxes, Frauds, and Deception in Writing Style Online
 
Kamelia Aryafar: Musical Genre Classification Using Sparsity-Eager Support Ve...
Kamelia Aryafar: Musical Genre Classification Using Sparsity-Eager Support Ve...Kamelia Aryafar: Musical Genre Classification Using Sparsity-Eager Support Ve...
Kamelia Aryafar: Musical Genre Classification Using Sparsity-Eager Support Ve...
 
GDI WordPress 2 January 2012
GDI WordPress 2 January 2012 GDI WordPress 2 January 2012
GDI WordPress 2 January 2012
 
GDI WordPress 1 January 2012
GDI WordPress 1 January 2012GDI WordPress 1 January 2012
GDI WordPress 1 January 2012
 

WordPress 101 Sunday Session

  • 1. Sunday Funday: Plugins, Widgets, Customizing Themes, Publishing
  • 2. Today's Plan ● Plugins ● Widgets ● Themes and extension - "child themes" ● Review Goals ● You will understand what widgets are and how to use them ● You will know the 'definition' of a plugin ● You'll have the basics of child themes down, and might have one of your own! ● If we have time, we have a review game to solidify concepts, or we can workshop
  • 4.
  • 5. Exercise: Plugins Complete/Answer the following: ● Toggle the activation of the Hello Dolly plugin. What does it do? ● Delete the Hello Dolly plugin. What are the two components of deletion you're warned about? ● Go to Featured plugins and install and activate the Theme Check plugin. Gold Star! [Extra Credit] ● Add the Hello Dolly plugin back. You miss it. ● How can you find the lines that Hello Dolly choses lyrics from? ● Search and add the WP PHP widget to your site. Activate. [You'll have more to play with in the Widgets exercise!]
  • 6. Widgets are a form of plugin that can add functionality to different areas of your site, without needing to code.
  • 7. Exercise: Widgets Complete/Answer the following: ● Use a widget in your site's theme ● How can you remove a widget but keep its settings? ● Can you use a widget more than once? Gold Star! [Extra Credit] ● If you installed the PHP widget, play with running "Hello World" PHP code in a widget area ● Does the PHP widget support HTML? ● Change themes - did widget support change? Widgets.
  • 8. Lessons Learned Can you ... ● Define what plugins (and widgets) do? Are you ... ● Able to install and activate plugins? Are you ... ● Able to customize your site with widgets?
  • 10. Customizing with Child Themes ● A Child Theme is a theme based on another theme (the parent) ● It uses all components of the parent theme unless you specify otherwise ● http://codex.wordpress.org/Template_Hierarchy  ^ This is very useful
  • 11. Two Steps to a Child Theme A folder and a style.css file
  • 12. Child Theme Review If file exists, use it. If not... CHILD PARENT Go get it from the parent
  • 13. Exercise: Child Themes  Make a Child Theme.  Gold Star! [Extra Credit] ● PLAY (start customizing the theme!)
  • 14. Exercise: Leveraging Your Child Theme Complete/Answer the following: ● Create a 404 template.  ○ Start by copying the code from the parent as an example into your text editor ○ Edit it ○ Save as 404.php in your child theme ○ Go to a page that does not exist to test Gold Star! [Extra Credit] ● Customize the archive or loop templates, such as making the title a different HTML tag ... get creative!  ● Can you figure out what "The Loop" is? (see archive.php & content.php in twentyeleven) Ask a TA to see how you did
  • 15. Publishing Your Site in 3 Steps 1. Setup your base (WordPress) 2. Install your theme and plugins 3. Transfer your data
  • 16. Publishing: 3 Steps 1. Setup your base (WordPress) Host can take care of this (usually) 2. Install your theme and plugins FTP! 3. Transfer your data WordPress Export/Import
  • 17.
  • 18.
  • 19.
  • 21. Help us make things better! http://tinyurl.com/gdiseptwp