Oh The Themes You’ll Do!        Learning
 WordPress
 Themes
 is
 GOOD
 for
 you!@LisaSabinWilson | WordCamp Philly 2012
Lisa Sabin WilsonKnows JUST what todo:✤   Wisconsin
 (Go
 Pack!)                                                                                                                   ...
 of
 books.✤   WordPress
 user
 since
 2003        Designer
 of
 sites.                                                                                                                   ...
 of
 WordPress.✤   Author
 since
 2006                                             http://lisasabin-wilson.com                                             ...
 @LisaSabinWilson                                                                                                         ...
Oh, The Books ThatYou’ll Read... Books,
 by
 the
 way
 -
 I’ve
  written
 just
 three:  ✤               WordPress For Dummies  ✤               WordPress All In One  ✤               WordPress Web Design...
Congratulations! Today is                            your day.                            You’re off to create            ...
You have brains in your head.         You have nothing to lose.         You can pick a WordPress         theme and style i...
Upcoming SlideShare
Loading in...5
×

Oh The Themes That You'll Do! - WordCamp Philly 2012

3,887

Published on

4 Comments
7 Likes
Statistics
Notes
  • They say that 'code is poetry'. I think it a good thing there aren't programming guidelines that require us to make the PHP rhyme as well as the presentations!
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Bobbie - thank you! I'm glad to hear it was a useful presentation, despite my goofy rhyming :)
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Hi Lisa, Just wanted to say I really enjoyed your presentation in Philly. I have been using WP for some time but never ventured very far into the code. Just your short presentation, made it infinitely clearer to me. Having fun playing with the zip file you provided. Thanks! Bobbie
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • simple and nice.
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total Views
3,887
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
14
Comments
4
Likes
7
Embeds 0
No embeds

No notes for slide
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • Oh The Themes That You'll Do! - WordCamp Philly 2012

    1. 1. Oh The Themes You’ll Do! Learning
    2. 2.  WordPress
    3. 3.  Themes
    4. 4.  is
    5. 5.  GOOD
    6. 6.  for
    7. 7.  you!@LisaSabinWilson | WordCamp Philly 2012
    8. 8. Lisa Sabin WilsonKnows JUST what todo:✤ Wisconsin
    9. 9.  (Go
    10. 10.  Pack!) Lisa Sabin-Wilson Author
    11. 11.  of
    12. 12.  books.✤ WordPress
    13. 13.  user
    14. 14.  since
    15. 15.  2003 Designer
    16. 16.  of
    17. 17.  sites. Lover
    18. 18.  of
    19. 19.  WordPress.✤ Author
    20. 20.  since
    21. 21.  2006 http://lisasabin-wilson.com @LisaSabinWilson✤ Twitter:
    22. 22.  @LisaSabinWilson Thanks for coming!
    23. 23. Oh, The Books ThatYou’ll Read... Books,
    24. 24.  by
    25. 25.  the
    26. 26.  way
    27. 27.  -
    28. 28.  I’ve
    29. 29.   written
    30. 30.  just
    31. 31.  three: ✤ WordPress For Dummies ✤ WordPress All In One ✤ WordPress Web Design For Dummies@LisaSabinWilson | WordCamp Philly - Oct. 2012
    32. 32. Congratulations! Today is your day. You’re off to create Themes! You’re off and away!@LisaSabinWilson | WordCamp Philly - Oct. 2012
    33. 33. You have brains in your head. You have nothing to lose. You can pick a WordPress theme and style it up how you choose.@LisaSabinWilson | WordCamp Philly - Oct. 2012
    34. 34. There is more than one way to skin a catI
    35. 35.  present
    36. 36.  one
    37. 37.  way
    38. 38.  to
    39. 39.  accomplish
    40. 40.  a
    41. 41.  theme
    42. 42.  -
    43. 43.  your
    44. 44.  mileage
    45. 45.   may
    46. 46.  vary
    47. 47.  -
    48. 48.  ya
    49. 49.  know
    50. 50.  what
    51. 51.  i
    52. 52.  mean??@LisaSabinWilson | WordCamp Philly - Oct. 2012
    53. 53. Theme vs TemplateThe
    54. 54.  difference
    55. 55.  is
    56. 56.  simple
    57. 57.  and
    58. 58.  easy
    59. 59.  to
    60. 60.  see A
    61. 61.  template
    62. 62.  is
    63. 63.  single A
    64. 64.  theme
    65. 65.  can
    66. 66.  be
    67. 67.  three@LisaSabinWilson | WordCamp Philly - Oct. 2012
    68. 68. Theme vs Template A
    69. 69.  WordPress
    70. 70.  Theme
    71. 71.  is
    72. 72.  a
    73. 73.   group
    74. 74.  of
    75. 75.  templates
    76. 76.  .... Put
    77. 77.  templates
    78. 78.  together,
    79. 79.   the
    80. 80.  result
    81. 81.  is
    82. 82.  SO
    83. 83.  GREAT!@LisaSabinWilson | WordCamp Philly - Oct. 2012
    84. 84. Correct syntax is not simply amust... It’s
    85. 85.  needed
    86. 86.  to
    87. 87.  make
    88. 88.  your
    89. 89.  code
    90. 90.  good
    91. 91.  and
    92. 92.  just! A Bracket ... A Question Mark ... php, true Before the tag you’re intending to use A semicolon ... A Question Mark... All comes before You close that bracket again so you can do more!@LisaSabinWilson | WordCamp Philly - Oct. 2012
    93. 93. Correct syntax is not simply amust... It’s
    94. 94.  needed
    95. 95.  to
    96. 96.  make
    97. 97.  your
    98. 98.  code
    99. 99.  good
    100. 100.  and
    101. 101.  just! ?php the_title(); ?@LisaSabinWilson | WordCamp Philly - Oct. 2012
    102. 102. Themes Live - yes they do Themes live, yes they do on a server, its true! They stay, and they live... I would say that they do They live, with no doubt Where you store them, it seems Those files surely live in a folder called THEMES@LisaSabinWilson | WordCamp Philly - Oct. 2012
    103. 103. Themes Live - yes they do Each theme has its own folder can even stay as it grows older: /wp-content/themes/your-awesome-theme/ /wp-content/themes/your-lame-theme/@LisaSabinWilson | WordCamp Philly - Oct. 2012
    104. 104. 6 Main TemplateFiles:✤ Stylesheet (style.css)✤ Header (header.php)✤ Main Index (index.php)✤ Sidebar (sidebar.php)✤ Footer (footer.php)✤ Theme Functions (functions.php)@LisaSabinWilson | WordCamp Philly - Oct. 2012
    105. 105. 6 Main Template Files:✤ Stylesheet = Contains the CSS that defines the formatting and style✤ Header = Starting point for every page of a web site✤ Main Index = contains template tags that display the content✤ Sidebar = Navigation items, links, banners, etc✤ Footer = copyright statements, menus, etc.✤ Functions = contains functions to include features in your theme such as thumbnails, menus, custom backgrounds, etc.@LisaSabinWilson | WordCamp Philly - Oct. 2012
    106. 106. Creating a Theme from Scratch: part slides / part live demo. Download sample files here: http://lisas.co/wcatl-demo@LisaSabinWilson | WordCamp Philly - Oct. 2012
    107. 107. Theme Stylesheet (style.css)✤ Contains the CSS style information for your site✤ ALSO must contain theme information in the form of comments so WordPress recognizes the unique theme.@LisaSabinWilson | WordCamp Philly - Oct. 2012
    108. 108. Theme Stylesheet (style.css) /* Theme Name: WordCamp Theme Demo Theme URI: http://lisasabin-wilson.com Description: WordCamp Theme Demo Version: 1.0 Author: Lisa Sabin-Wilson Author URI: http://lisasabin-wilson.com License: GNU Public License */@LisaSabinWilson | WordCamp Philly - Oct. 2012
    109. 109. Theme Stylesheet(style.css)Comments in the style.css filedisplay in the Theme Informationsection in the Dashboard under“Manage Themes”Create a 300 x 225 JPG or PNG filecalled “screenshot” to display thetheme thumbnail.@LisaSabinWilson | WordCamp Philly - Oct. 2012
    110. 110. Theme Stylesheet (style.css) Follow coding standards for CSS for best results: http://codex.wordpress.org/CSS_Coding_Standards@LisaSabinWilson | WordCamp Philly - Oct. 2012
    111. 111. Header Template@LisaSabinWilson | WordCamp Philly - Oct. 2012
    112. 112. Sidebar Template@LisaSabinWilson | WordCamp Philly - Oct. 2012
    113. 113. Footer Template@LisaSabinWilson | WordCamp Philly - Oct. 2012
    114. 114. Use Simple includes to pulltemplate files into the Main Index:✤ To include the header, use get_header()✤ To include the sidebar, use get_sidebar()✤ To include the footer, use get_footer()✤ To include the search form, use get_search_form()@LisaSabinWilson | WordCamp Philly - Oct. 2012
    115. 115. Main Index Template@LisaSabinWilson | WordCamp Philly - Oct. 2012
    116. 116. Theme Functions@LisaSabinWilson | WordCamp Philly - Oct. 2012
    117. 117. Stylesheeet Start adding CSS style definitions.@LisaSabinWilson | WordCamp Philly - Oct. 2012
    118. 118. Theme FunctionsAdd Custom Background Feature add_custom_background();@LisaSabinWilson | WordCamp Philly - Oct. 2012
    119. 119. Theme Functions Add Post Thumbnailsadd_theme_support( post-thumbnails );add_image_size( blog, 600, 200, true );@LisaSabinWilson | WordCamp Philly - Oct. 2012
    120. 120. Theme FunctionsAdd Post Thumbnails to your template file: ?php if ( has_post_thumbnail($post-ID)) { echo get_the_post_thumbnail($post-ID, blog); } ?@LisaSabinWilson | WordCamp Philly - Oct. 2012
    121. 121. Theme FunctionsAdd Widget Areas:if ( function_exists(register_sidebar) ) register_sidebar(array( name = Sidebar, id = sidebar-widget,));@LisaSabinWilson | WordCamp Philly - Oct. 2012
    122. 122. Theme Functions Referencehttp://codex.wordpress.org/Theme_Featureshttp://codex.wordpress.org/Function_Reference@LisaSabinWilson | WordCamp Philly - Oct. 2012
    123. 123. Creating a Theme from Scratch http://lisas.co/wcp-demo@LisaSabinWilson | WordCamp Philly - Oct. 2012
    124. 124. Creating a Theme from Scratch http://lisas.co/wcp-demo@LisaSabinWilson | WordCamp Philly - Oct. 2012

    ×