Theme me UP
    Scotty
Choosing Theme
   Providers
Important Stuff
Kept up to date with Wordpress

Secure

Easy to customise

Well documented

Good support

Reputable
Who’s out there?
   In no particular order...
Wordpress.org


Themes all vetted

Free

Over 1400 themes to choose
from
Themeforest
              http://themeforest.com

Hundreds and Hundreds of
themes

Competitive Prices

New themes daily

Buy on a per theme basis

Downside - need to be
discerning about the theme
and provider

Marketplace, not a theme
Woo Themes
       http://woothemes.com
Excellent Reputation

99+ themes

Easy to use theme backend
options

Up to date

Professional Themes

Not cheap - but subscription
available for access to all
themes
Elegant Themes
    http://elegantthemes.com
Lots of themes to choose from

Easy to use theme backend
options

Updated regularly

Active support forums

Inexpensive - $39 per year

PSD files provided

Downside - LOTS of users
Themify
             http://themify.me

Theme backend options

Active support forums

$39 per theme (2nd free),
theme club available

Embracing responsive design

Designed by Nick La of Web
Designer Wall

Only 19 themes
Studiopress
       http://studiopress.com
Themes built on Genesis
Framework - Security and
SEO built in

Inde dev studios also building
themes

Excellent support forums &
expert advice

$59.95 for Genesis Framework
- or + theme $79.95 - Dev
Packages $300

Learning curve to get across
Genesis
Honourably
         Mentioned


Theme Garden http://www.themegarden.com/
(lots of Genesis themes)

Mojo Themes http://www.mojo-themes.com
Parenthood
Child Themes - Why

Inherits functionality from a parent theme -
non-destructive

Preserves the original theme

Updates to parent themes do not write over
your modifications
3 steps to a child
         theme
1. Create a theme directory in wp-content/
   themes

2. Add a style.css file

3. Select your child theme in the theme chooser
style.css

/*
Theme Name: Twenty Eleven Child
Theme URI: http: //thewebprincess.com/2011_child
Description: Child theme for the Twenty Eleven theme
Author:     Dee Teal - The Web Princess
Author URI: http: //thewebprincess.com/about/
Template:    twentyeleven
Version:    0.1.0
*/
@import - style.css
/*
Theme Name: Twentyeleven Child
Description: Child theme for the twentyeleven theme
Author: Dee Teal - The Web Princess
Template: twentyeleven
*/

@import url("../twentyeleven/style.css");

#site-title a {
  color: #009900;
}
Going Further
    functions.php

Creating a functions file in your child theme
does not override the functions in the parent...
SO - no import is required - all new functions
are appended to the original functions of the
parent theme
Going Further
 adding templates
Templates behave in the same way as style.css
does - they supersede the parent files.

Duplicate the template into your child
directory and make any edits on the child
template.
Go forth and
 Multiply

Theme me Up Scotty - Finding wordpress themes and creating child themes

  • 1.
  • 2.
    Choosing Theme Providers
  • 3.
    Important Stuff Kept upto date with Wordpress Secure Easy to customise Well documented Good support Reputable
  • 4.
    Who’s out there? In no particular order...
  • 5.
  • 6.
    Themeforest http://themeforest.com Hundreds and Hundreds of themes Competitive Prices New themes daily Buy on a per theme basis Downside - need to be discerning about the theme and provider Marketplace, not a theme
  • 7.
    Woo Themes http://woothemes.com Excellent Reputation 99+ themes Easy to use theme backend options Up to date Professional Themes Not cheap - but subscription available for access to all themes
  • 8.
    Elegant Themes http://elegantthemes.com Lots of themes to choose from Easy to use theme backend options Updated regularly Active support forums Inexpensive - $39 per year PSD files provided Downside - LOTS of users
  • 9.
    Themify http://themify.me Theme backend options Active support forums $39 per theme (2nd free), theme club available Embracing responsive design Designed by Nick La of Web Designer Wall Only 19 themes
  • 10.
    Studiopress http://studiopress.com Themes built on Genesis Framework - Security and SEO built in Inde dev studios also building themes Excellent support forums & expert advice $59.95 for Genesis Framework - or + theme $79.95 - Dev Packages $300 Learning curve to get across Genesis
  • 11.
    Honourably Mentioned Theme Garden http://www.themegarden.com/ (lots of Genesis themes) Mojo Themes http://www.mojo-themes.com
  • 12.
  • 13.
    Child Themes -Why Inherits functionality from a parent theme - non-destructive Preserves the original theme Updates to parent themes do not write over your modifications
  • 14.
    3 steps toa child theme 1. Create a theme directory in wp-content/ themes 2. Add a style.css file 3. Select your child theme in the theme chooser
  • 15.
    style.css /* Theme Name: TwentyEleven Child Theme URI: http: //thewebprincess.com/2011_child Description: Child theme for the Twenty Eleven theme Author: Dee Teal - The Web Princess Author URI: http: //thewebprincess.com/about/ Template: twentyeleven Version: 0.1.0 */
  • 16.
    @import - style.css /* ThemeName: Twentyeleven Child Description: Child theme for the twentyeleven theme Author: Dee Teal - The Web Princess Template: twentyeleven */ @import url("../twentyeleven/style.css"); #site-title a { color: #009900; }
  • 17.
    Going Further functions.php Creating a functions file in your child theme does not override the functions in the parent... SO - no import is required - all new functions are appended to the original functions of the parent theme
  • 18.
    Going Further addingtemplates Templates behave in the same way as style.css does - they supersede the parent files. Duplicate the template into your child directory and make any edits on the child template.
  • 19.
    Go forth and Multiply

Editor's Notes

  • #2 \n
  • #3 \n
  • #4 Keeping up to date is more important from a security point of view - \nTim Thumb.php - Elegant Theme’s response.\nBuying a theme from a reputable shop and creating your own customisations using child themes (we’ll get to that shortly) means you don’t have to be constantly updating your own created themes - the base theme updates get managed at the theme shop’s end and you can concentrate on the work, not, to the same extent, the maintenance.\n
  • #5 \n
  • #6 \n
  • #7 \n
  • #8 \n
  • #9 \n
  • #10 \n
  • #11 \n
  • #12 \n
  • #13 \n
  • #14 \n
  • #15 You are free to add other files such as functions.php, template files and other files. But the above actions are the only two that are required.\n
  • #16 A quick explanation of each line:\n\nTheme Name. (required) Child theme name.\nTheme URI. (optional) Child theme webpage.\nDescription. (optional) What this theme is. E.g.: My first child theme. Hurrah!\nAuthor URI. (optional) Author webpage.\nAuthor. (optional) Author name.\nTemplate. (required) directory name of parent theme, case-sensitive.\nNOTE. You have to switch to a different theme and back to the child theme when you modify this line.\nVersion. (optional) Child theme version. E.g.: 0.1, 1.0, etc.\nThe part after the closing */ of the header works as a regular stylesheet file. It is where you put the styling rules you want WordPress to apply.\n\nNote that a child theme’s stylesheet replaces the stylesheet of the parent completely. (The parent’s stylesheet is not loaded at all by WordPress.) So, if you simply want to modify a few small things in the styling and layout of the parent —rather than make something new from scratch— you have to import explicitly the stylesheet of the parent, and then add your modifications. The following example shows how to use the @import rule to do that.\n
  • #17 Here is what the above code does, step by step:\n\n/* opens the child theme’s information header.\nTheme Name: declares the child theme’s name.\nDescription: describes what the theme is. (Optional; can be omitted.)\nAuthor: declares the author’s name. (Optional; can be omitted.)\nTemplate: declares the child theme’s parent; i.e., the directory of the theme whose templates the child uses.\n*/ closes the child’s information header.\nThe @import rule brings in the parent’s stylesheet.\nThe #site-title a rule defines a colour (green) for the site’s name, overriding the corresponding rule of the parent.\n
  • #18 \n
  • #19 So \n
  • #20 \n