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


Published on

Slides from my presentation at the WP Sydney meetup August 30 2011

Published in: Technology, Business
  • Be the first to comment

  • Be the first to like this

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide
  • \n
  • \n
  • 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
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • 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
  • 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
  • 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
  • \n
  • So \n
  • \n
  • Theme me Up Scotty - Finding wordpress themes and creating child themes

    1. 1. Theme me UP Scotty
    2. 2. Choosing Theme Providers
    3. 3. Important StuffKept up to date with WordpressSecureEasy to customiseWell documentedGood supportReputable
    4. 4. Who’s out there? In no particular order...
    5. 5. Wordpress.orgThemes all vettedFreeOver 1400 themes to choosefrom
    6. 6. Themeforest http://themeforest.comHundreds and Hundreds ofthemesCompetitive PricesNew themes dailyBuy on a per theme basisDownside - need to bediscerning about the themeand providerMarketplace, not a theme
    7. 7. Woo Themes http://woothemes.comExcellent Reputation99+ themesEasy to use theme backendoptionsUp to dateProfessional ThemesNot cheap - but subscriptionavailable for access to allthemes
    8. 8. Elegant Themes http://elegantthemes.comLots of themes to choose fromEasy to use theme backendoptionsUpdated regularlyActive support forumsInexpensive - $39 per yearPSD files providedDownside - LOTS of users
    9. 9. Themify http://themify.meTheme backend optionsActive support forums$39 per theme (2nd free),theme club availableEmbracing responsive designDesigned by Nick La of WebDesigner WallOnly 19 themes
    10. 10. Studiopress http://studiopress.comThemes built on GenesisFramework - Security andSEO built inInde dev studios also buildingthemesExcellent support forums &expert advice$59.95 for Genesis Framework- or + theme $79.95 - DevPackages $300Learning curve to get acrossGenesis
    11. 11. Honourably MentionedTheme Garden of Genesis themes)Mojo Themes
    12. 12. Parenthood
    13. 13. Child Themes - WhyInherits functionality from a parent theme -non-destructivePreserves the original themeUpdates to parent themes do not write overyour modifications
    14. 14. 3 steps to a child theme1. Create a theme directory in wp-content/ themes2. Add a style.css file3. Select your child theme in the theme chooser
    15. 15. style.css/*Theme Name: Twenty Eleven ChildTheme URI: http: // Child theme for the Twenty Eleven themeAuthor: Dee Teal - The Web PrincessAuthor URI: http: // twentyelevenVersion: 0.1.0*/
    16. 16. @import - style.css/*Theme Name: Twentyeleven ChildDescription: Child theme for the twentyeleven themeAuthor: Dee Teal - The Web PrincessTemplate: twentyeleven*/@import url("../twentyeleven/style.css");#site-title a { color: #009900;}
    17. 17. Going Further functions.phpCreating a functions file in your child themedoes not override the functions in the parent...SO - no import is required - all new functionsare appended to the original functions of theparent theme
    18. 18. Going Further adding templatesTemplates behave in the same way as style.cssdoes - they supersede the parent files.Duplicate the template into your childdirectory and make any edits on the childtemplate.
    19. 19. Go forth and Multiply