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. 
WordPress 101 Sunday Session
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
WordPress 101 Sunday Session
WordPress 101 Sunday Session
WordPress 101 Sunday Session
REVIEW TIME!



Jeopardy!
Help us make things better!




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



(THANKS, EVERYBODY!)

More Related Content

PDF
GDI WordPress 3 January 2012 (white background)
PDF
GDI WordPress 3 January 2012
PPTX
Getting into WordPress Front-end Development
PDF
GDI WordPress 4 January 2012 (white)
PDF
WordPress 101 Saturday Session
PDF
Child Theme
PPTX
Themes 101
PPTX
Elastic: Why WYSIWYG is the future of WordPress themes — WordCamp NYC 2009
GDI WordPress 3 January 2012 (white background)
GDI WordPress 3 January 2012
Getting into WordPress Front-end Development
GDI WordPress 4 January 2012 (white)
WordPress 101 Saturday Session
Child Theme
Themes 101
Elastic: Why WYSIWYG is the future of WordPress themes — WordCamp NYC 2009

What's hot (20)

PDF
Wordpress Underscores & foundation5
PPT
51ppt 042
PPTX
WP 101 - Custom Fields & Post Types
PPTX
WP101 - Themes and Plugins
PPTX
Rockford WordPress Meetup - Child Themes
PPTX
WP 101 - WordPress Basics
PDF
Learning by Doing: 10 Lessons in Pushing your WordPress Development Skills
PDF
Theme Wrangling 101
PPTX
WP 101 - Local Development - Themes and Plugins
KEY
Intro to WordPress Plugins
PPSX
What are child themes, and why use them
PDF
Rapid WordPress Theme Development
PPT
Wp visual editors - Learning Style
PPTX
Contributing to WordPress
PPTX
Getting Started With WordPress Themes for Beginners
PPTX
WordPress Themes and Plugins
KEY
Modular plugins
PDF
Dayton word press meetup
PDF
WordPress: After The Install
PPTX
Web 101 intro to html
Wordpress Underscores & foundation5
51ppt 042
WP 101 - Custom Fields & Post Types
WP101 - Themes and Plugins
Rockford WordPress Meetup - Child Themes
WP 101 - WordPress Basics
Learning by Doing: 10 Lessons in Pushing your WordPress Development Skills
Theme Wrangling 101
WP 101 - Local Development - Themes and Plugins
Intro to WordPress Plugins
What are child themes, and why use them
Rapid WordPress Theme Development
Wp visual editors - Learning Style
Contributing to WordPress
Getting Started With WordPress Themes for Beginners
WordPress Themes and Plugins
Modular plugins
Dayton word press meetup
WordPress: After The Install
Web 101 intro to html
Ad

Viewers also liked (6)

PDF
Feminism & Open Source Contribution
PPTX
Simple Proxying in Rails
PPTX
MidwestJS Zero to Testing
PDF
Displacing Worst Practices in CSS
PDF
Selecting a Web Framework
PPTX
Zero to Testing in JavaScript
Feminism & Open Source Contribution
Simple Proxying in Rails
MidwestJS Zero to Testing
Displacing Worst Practices in CSS
Selecting a Web Framework
Zero to Testing in JavaScript
Ad

Similar to WordPress 101 Sunday Session (20)

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

More from pamselle (6)

PDF
Power Spriting With Compass
PPT
Aylin Caliskan: Quantifying the Translator Effect: Identifying authors and ma...
PDF
Sadia Afroz: Detecting Hoaxes, Frauds, and Deception in Writing Style Online
PDF
Kamelia Aryafar: Musical Genre Classification Using Sparsity-Eager Support Ve...
PDF
GDI WordPress 2 January 2012
PDF
GDI WordPress 1 January 2012
Power Spriting With Compass
Aylin Caliskan: Quantifying the Translator Effect: Identifying authors and ma...
Sadia Afroz: Detecting Hoaxes, Frauds, and Deception in Writing Style Online
Kamelia Aryafar: Musical Genre Classification Using Sparsity-Eager Support Ve...
GDI WordPress 2 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
  • 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
  • 21. Help us make things better! http://tinyurl.com/gdiseptwp