Theme me Up Scotty - Finding wordpress themes and creating child themes
•Transferir como KEY, PDF•
0 gostou•1,343 visualizações
This document provides information on choosing WordPress theme providers and creating child themes. It lists and describes popular commercial theme providers like ThemeForest, WooThemes, Elegant Themes, and Studiopress. It also explains how to create a child theme by making a new directory with style.css, which imports the parent theme's styles, and allows for customizations without modifying the original theme. Functions can also be added via functions.php without overriding the parent.
Recomendados
Mais conteúdo relacionado
Mais procurados
Mais procurados (13)
Destaque
Destaque (20)
Semelhante a Theme me Up Scotty - Finding wordpress themes and creating child themes
Semelhante a Theme me Up Scotty - Finding wordpress themes and creating child themes (20)
Último
Último (20)
Theme me Up Scotty - Finding wordpress themes and creating child themes
- 1. Theme me UP Scotty
- 2. Choosing Theme Providers
- 3. Important Stuff Kept up to date with Wordpress Secure Easy to customise Well documented Good support Reputable
- 4. Who’s out there? In no particular order...
- 5. Wordpress.org Themes all vetted Free Over 1400 themes to choose from
- 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. Parenthood
- 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 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
- 15. 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 */
- 16. @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; }
- 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 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.
- 19. Go forth and Multiply
Notas do Editor
- \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