• Save
Oh The Themes That You'll Do! - WordCamp Philly 2012
Upcoming SlideShare
Loading in...5
×
 

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

on

  • 3,942 views

 

Statistics

Views

Total Views
3,942
Views on SlideShare
3,812
Embed Views
130

Actions

Likes
7
Downloads
14
Comments
4

6 Embeds 130

http://www.thesimpleaffiliatesystem.com 109
https://twitter.com 11
http://www.onlydoo.com 4
http://localhost 4
https://si0.twimg.com 1
http://cyberxnetwork.blogspot.com 1

Accessibility

Categories

Upload Details

Uploaded via as Apple Keynote

Usage Rights

CC Attribution-NonCommercial-ShareAlike LicenseCC Attribution-NonCommercial-ShareAlike LicenseCC Attribution-NonCommercial-ShareAlike License

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel

14 of 4 Post a comment

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
  • 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!
    Are you sure you want to
    Your message goes here
    Processing…
  • Bobbie - thank you! I'm glad to hear it was a useful presentation, despite my goofy rhyming :)
    Are you sure you want to
    Your message goes here
    Processing…
  • 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
    Are you sure you want to
    Your message goes here
    Processing…
  • simple and nice.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • \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 Oh The Themes That You'll Do! - WordCamp Philly 2012 Presentation Transcript

  • 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!) Lisa Sabin-Wilson Author
  •   of
  •   books.✤ WordPress
  •   user
  •   since
  •   2003 Designer
  •   of
  •   sites. Lover
  •   of
  •   WordPress.✤ Author
  •   since
  •   2006 http://lisasabin-wilson.com @LisaSabinWilson✤ Twitter:
  •   @LisaSabinWilson Thanks for coming!
  • 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 For Dummies@LisaSabinWilson | WordCamp Philly - Oct. 2012
  • Congratulations! Today is your day. You’re off to create Themes! You’re off and away!@LisaSabinWilson | WordCamp Philly - Oct. 2012
  • 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
  • There is more than one way to skin a catI
  •   present
  •   one
  •   way
  •   to
  •   accomplish
  •   a
  •   theme
  •   -
  •   your
  •   mileage
  •    may
  •   vary
  •   -
  •   ya
  •   know
  •   what
  •   i
  •   mean??@LisaSabinWilson | WordCamp Philly - Oct. 2012
  • Theme vs TemplateThe
  •   difference
  •   is
  •   simple
  •   and
  •   easy
  •   to
  •   see A
  •   template
  •   is
  •   single A
  •   theme
  •   can
  •   be
  •   three@LisaSabinWilson | WordCamp Philly - Oct. 2012
  • Theme vs Template A
  •   WordPress
  •   Theme
  •   is
  •   a
  •    group
  •   of
  •   templates
  •   .... Put
  •   templates
  •   together,
  •    the
  •   result
  •   is
  •   SO
  •   GREAT!@LisaSabinWilson | WordCamp Philly - Oct. 2012
  • Correct syntax is not simply amust... It’s
  •   needed
  •   to
  •   make
  •   your
  •   code
  •   good
  •   and
  •   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
  • Correct syntax is not simply amust... It’s
  •   needed
  •   to
  •   make
  •   your
  •   code
  •   good
  •   and
  •   just! <?php the_title(); ?>@LisaSabinWilson | WordCamp Philly - Oct. 2012
  • 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
  • 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
  • 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
  • 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
  • Creating a Theme from Scratch: part slides / part live demo. Download sample files here: http://lisas.co/wcatl-demo@LisaSabinWilson | WordCamp Philly - Oct. 2012
  • 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
  • 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
  • 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
  • Theme Stylesheet (style.css) Follow coding standards for CSS for best results: http://codex.wordpress.org/CSS_Coding_Standards@LisaSabinWilson | WordCamp Philly - Oct. 2012
  • Header Template@LisaSabinWilson | WordCamp Philly - Oct. 2012
  • Sidebar Template@LisaSabinWilson | WordCamp Philly - Oct. 2012
  • Footer Template@LisaSabinWilson | WordCamp Philly - Oct. 2012
  • 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
  • Main Index Template@LisaSabinWilson | WordCamp Philly - Oct. 2012
  • Theme Functions@LisaSabinWilson | WordCamp Philly - Oct. 2012
  • Stylesheeet Start adding CSS style definitions.@LisaSabinWilson | WordCamp Philly - Oct. 2012
  • Theme FunctionsAdd Custom Background Feature add_custom_background();@LisaSabinWilson | WordCamp Philly - Oct. 2012
  • Theme Functions Add Post Thumbnailsadd_theme_support( post-thumbnails );add_image_size( blog, 600, 200, true );@LisaSabinWilson | WordCamp Philly - Oct. 2012
  • 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
  • Theme FunctionsAdd Widget Areas:if ( function_exists(register_sidebar) ) register_sidebar(array( name => Sidebar, id => sidebar-widget,));@LisaSabinWilson | WordCamp Philly - Oct. 2012
  • Theme Functions Referencehttp://codex.wordpress.org/Theme_Featureshttp://codex.wordpress.org/Function_Reference@LisaSabinWilson | WordCamp Philly - Oct. 2012
  • Creating a Theme from Scratch http://lisas.co/wcp-demo@LisaSabinWilson | WordCamp Philly - Oct. 2012
  • Creating a Theme from Scratch http://lisas.co/wcp-demo@LisaSabinWilson | WordCamp Philly - Oct. 2012