Your SlideShare is downloading. ×
Theme me Up Scotty - Finding wordpress themes and creating child themes
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Introducing the official SlideShare app

Stunning, full-screen experience for iPhone and Android

Text the download link to your phone

Standard text messaging rates apply

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

1,771
views

Published on

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

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

Published in: Technology, Business

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
1,771
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
23
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
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
  • Transcript

    • 1. Theme me UP Scotty
    • 2. Choosing Theme Providers
    • 3. Important StuffKept up to date with WordpressSecureEasy to customiseWell documentedGood supportReputable
    • 4. Who’s out there? In no particular order...
    • 5. Wordpress.orgThemes all vettedFreeOver 1400 themes to choosefrom
    • 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. Woo Themes http://woothemes.comExcellent Reputation99+ themesEasy to use theme backendoptionsUp to dateProfessional ThemesNot cheap - but subscriptionavailable for access to allthemes
    • 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. 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. 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. Honourably MentionedTheme Garden http://www.themegarden.com/(lots of Genesis themes)Mojo Themes http://www.mojo-themes.com
    • 12. Parenthood
    • 13. Child Themes - WhyInherits functionality from a parent theme -non-destructivePreserves the original themeUpdates to parent themes do not write overyour modifications
    • 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. style.css/*Theme Name: Twenty Eleven ChildTheme URI: http: //thewebprincess.com/2011_childDescription: Child theme for the Twenty Eleven themeAuthor: Dee Teal - The Web PrincessAuthor URI: http: //thewebprincess.com/about/Template: twentyelevenVersion: 0.1.0*/
    • 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. 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. 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. Go forth and Multiply