Theme Frameworks: The Future Of WordPress Themes
Upcoming SlideShare
Loading in...5
×

Like this? Share it with your network

Share

Theme Frameworks: The Future Of WordPress Themes

  • 4,004 views
Uploaded on

WordPress Theme Frameworks make it easier and more efficient to customise your blog design. Developing for theme frameworks allow you to upgrade the core and add new features to your themes while......

WordPress Theme Frameworks make it easier and more efficient to customise your blog design. Developing for theme frameworks allow you to upgrade the core and add new features to your themes while keeping your customisations untouched.

More in: Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
4,004
On Slideshare
3,590
From Embeds
414
Number of Embeds
6

Actions

Shares
Downloads
71
Comments
0
Likes
4

Embeds 414

http://wpcharity.com 292
http://blogjunkie.net 83
http://www.slideshare.net 19
http://www.wegopro.com 15
http://feeds.feedburner.com 4
http://translate.googleusercontent.com 1

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

Transcript

  • 1. THEME FRAMEWORKS A Glimpse Into The Future Of WordPress Themes Presented by David Wang WordCamp Malaysia 2010 1
  • 2. Hi, I’m David Wang :) aka @blogjunkie Blogger, web geek (10 years+) Freelance web design (5 years+) Online Marketing Strategy & Training 2
  • 3. THEME ? WHAT IS A FRAMEWORK 3
  • 4. A Theme Framework Is A Theme Framework Is Not A Theme Framework ✓ Solid codebase to serve as a foundation for other projects ✓ Theme hooks (actions & filters) ✓ Like developing a plugin 4
  • 5. 5
  • 6. X Not True Frameworks 6
  • 7. A Little History 7
  • 8. Themes - a major attraction 8
  • 9. Themes you may have customised before 9
  • 10. 10
  • 11. Child Themes • Parent Theme forms the base • Customisations made in Child Theme • Upgrade by replacing Parent Theme 11
  • 12. Premium Themes + custom.css custom_functions.php 12
  • 13. Hooks - a defining characteristic of theme frameworks 13
  • 14. WHY ? SHOULD I CARE 14
  • 15. Bloggers: Build A Better Blog • More cost effective • Point & click options, widgets, child themes & skins • Better support 15
  • 16. 16
  • 17. WordPress for Businesses: Even Better as a CMS 17
  • 18. Developers: Faster & More Efficient Projects Standardised code Development helpers SEO & semantic code Theme Hooks 18
  • 19. ? HOW DO I START 19
  • 20. Types of Theme Frameworks Custom CSS & Child Theme Upgradable Core Functons Sandbox, Thematic, WP-Framework, Frugal, Thesis, Hybrid Carrington Headway Create a Child Edit template files Edit custom CSS & Theme to customise directly to customise functions file Replace Parent Replace core files to Copy customisations Theme to upgrade upgrade to new theme 20
  • 21. themehybrid.com 21
  • 22. themeshaper.com/thematic 22
  • 23. zy.sg/the-buffet-framework 23
  • 24. Create a Child Theme • Upload the theme framework (parent theme) to your themes directory. • Create a new directory for your child theme and create a file called style.css in it. /* Theme Name: Child Theme Description: Example Child Theme Template: parent-theme */ /* Import the parent theme style (if you want) */ @import url(../parent-theme/style.css); 24
  • 25. Example: Thematic Parent Theme Child Theme Parent & Child theme must be in the same directory 25
  • 26. Separate your customisations • Create a file called custom.css in your theme directory. • Modify your themeʼs header.php by adding the following between the <head> tags <link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/ custom.css" type="text/css" media="screen" /> • Modify the body tag to <body class="custom"> • Implement your customisations in custom.css .custom #header { /*custom styles for header*/ } 26
  • 27. TwentyTen - a great starting point 27
  • 28. Learn to use Hooks • Put your custom functions into functions.php • Hook the functions into WordPress actions & filters • E.g. Hook your insertFootNote function to the_content function insertFootNote($content) { $content.= " ?> <div class="footNote"> <p>Don’t forget to subscribe to our RSS feed so you never miss a post!</p> </div> <?php "; return $content; } add_filter ('the_content', 'insertFootNote'); 28
  • 29. Thematic Theme Hooks thematic_before() thematic_belowcommentslist() thematic_aboveheader() thematic_abovecommentsform() thematic_header() thematic_belowcomments() thematic_blogtitle() thematic_abovemainasides() thematic_blogdescription() thematic_betweenmainasides() thematic_belowheader() thematic_belowmainasides() thematic_abovecomments() thematic_abovefooter() thematic_abovecommentslist() thematic_after() 29
  • 30. WP 3.0 Features make frameworks more powerful ✓ Improved Child Theme support ✓ Custom header image ✓ Custom background image ✓ Simple navigation menus ✓ Author templates ✓ Custom post types & taxonomies 30
  • 31. Theme Frameworks are The Future ✓ Premium themes will add features to cater to power users ✓ Regular themes will add features to become base themes ✓ Site owners benefit from maturity of themes ecosystem 31
  • 32. Thanks for listening! David Wang @blogjunkie http://blogjunkie.net http://buzzmedia.com.my 32