• Save
Wordcamp 2010 presentation
Upcoming SlideShare
Loading in...5
×
 

Wordcamp 2010 presentation

on

  • 3,554 views

The presentation I made at WordCampUK 2010 in Manchester - launching the new theme framework Wonderflux! http://wonderflux.com

The presentation I made at WordCampUK 2010 in Manchester - launching the new theme framework Wonderflux! http://wonderflux.com

Statistics

Views

Total Views
3,554
Views on SlideShare
3,524
Embed Views
30

Actions

Likes
3
Downloads
0
Comments
0

1 Embed 30

http://jonnya.net 30

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

CC Attribution-ShareAlike LicenseCC Attribution-ShareAlike License

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Wordcamp 2010 presentation Wordcamp 2010 presentation Presentation Transcript

  • WORDPRESS   TEMPLATE  DESIGN  &   THEME  FRAMEWORKS Jonny  Allbut  Freelance  Crea1ve www.jonnya.net www.twi7er.com/jonnyauk
  • WORDPRESS  -­‐  THE  ULTIMATE  CMS   ๏ WordPress  as  a  CMS • Over  10  years  working  with  web • Nearly  6  years  as  primary  CMS ๏ Ease  of  customisa1on • Theme  system • Plugin  architecture   ๏ Content  management  facili1es • Custom  post  types • Taxonomy • User  management • Admin  area
  • WORDPRESS  V.3 EVOLUTION  TO  TRUE   CMS  AND  DESIGN   PLATFORM
  • WORDPRESS  3.0  CHANGES   EVERYTHING! ๏ get_template_part ๏ Custom  post  types ๏ New  template  files ๏ Custom  menu  builder ๏ Custom  header  and  background  API’s ๏ comment_form()
  • THE  POWER  OF  TEMPLATE  PARTS <?php get_template_part( 'loop', 'index' ); ?>
  • THE  POWER  OF  TEMPLATE  PARTS <?php get_template_part( 'loop', 'index' ); ?> ๏ loop.php
  • THE  POWER  OF  TEMPLATE  PARTS <?php get_template_part( 'loop', 'index' ); ?> ๏ loop-­‐index.php
  • THEME  BASICS
  • WHICH  TEMPLATE  FILE  GETS  USED? ๏ h7p://codex.wordpress.org/Template_Hierarchy • Understand  the  ‘cascade’  -­‐  eg  category  display 1. category-­‐x.php 2. category.php 3. archive.php 4. index.php ๏ Custom  page  templates <?php /* Template Name: My special page */ ?>
  • LOCATION  TESTS ๏ h7p://codex.wordpress.org/Condi1onal_Tags • is_category() • is_page(‘about-­‐us’) • is_single(array(17,'my-­‐news-­‐ar1cle','My  News  Ar1cle')) <?php if (is_page(‘about-us’)){ echo ‘<h2 class=”highlight”>’. get_the_title . ‘</h2>’; } else { echo ‘<h2> . get_the_title . ‘</h2>’; } ?> • if (is_single() || is_page())  {  }
  • THE  ROLE  OF  FUNCTIONS.PHP ๏ func1ons.php ๏ Code  that  always  executes ๏ Simple/advanced ๏ Portability  of  theme
  • THEME  DEVELOPMENT   PRIOR  TO  FRAMEWORK WORKFLOW
  • NON-­‐FRAMEWORK  WORKFLOW ๏ Grid  system ๏ Boilerplate  theme ๏ Code  toolbox ๏ Includes ๏ LOTS  of  condi1onal  statements ๏ Lots  of  page  templates/complex  code
  • NON-­‐FRAMEWORK  WORKFLOW   LONG-­‐TERM  ISSUES ๏ Development  dejavu? ๏ Aggghhh,  Updates!
  • PARENT/CHILD  THEMES
  • PARENT  AND  CHILD  THEMES ๏ Child  theme  inherits  parent  theme  func1onality ๏ Child  theme  overrides  parent  theme  elements  if  have   same  filename
  • PARENT/CHILD  THEME  EXAMPLE PARENT  THEME CHILD  THEME ๏ header.php ๏ header.php ๏ index.php ๏ style.css ๏ sidebar.php ๏ footer.php ๏ comments.php ๏ style.css
  • PARENT/CHILD  THEME  EXAMPLE PARENT  THEME CHILD  THEME ๏ header.php ๏ header.php ๏ index.php ๏ style.css ๏ sidebar.php ๏ footer.php ๏ comments.php ๏ style.css
  • STOP  HACKING  THEMES   DANG  IT!
  • CHILD  THEME  STYLE.CSS <?php /* Theme Name: My Super Child Theme Theme URI: http://jonnya.net/ Description: My child theme Author: Jonnya Freelance Creative Author URI: http: //jonnya.net Template: wonderflux Version: 0.1 */ ?>
  • CHILD  THEME  STYLE.CSS <?php /* Theme Name: My Super Child Theme Theme URI: http://jonnya.net/ Description: My child theme Author: Jonnya Freelance Creative Author URI: http: //jonnya.net Template: wonderflux Version: 0.1 */ ?>
  • INTRODUCING  THE THEME  FRAMEWORK  PRIVATE  BETA OPEN  EXCLUSIVELY  TO  WORDCAMPUK   DELEGATES  THIS  WEEKEND!
  • WHY  CONSIDER  WONDERFLUX? ๏ Wri7en  exclusively  for  WordPress  3.0 ๏ Unique  layout  system ๏ LOTS  of  filters  and  hooks ๏ Powerful  use  of  get_template_part ๏ GPL  v2  -­‐  like  WordPress
  • WHY  PARTICIPATE  IN  THE   WONDERFLUX  BETA? ๏ Wri7en  with  the  community  in  mind ๏ Encouraging  best  coding  prac1ce ๏ We  love  your  feedback! ๏ We  love  WP!!
  • APPLY  FOR  THE  PRIVATE  BETA