Designing for WordPress

1,171 views

Published on

Just how far can WordPress go? Should I use a premade theme, or build my own? Does it have to look a certain way?

Published in: Design
  • Be the first to comment

  • Be the first to like this

Designing for WordPress

  1. 1. Designing for WordPress<br />Turn an idea into a reality<br />
  2. 2. Who Am I?<br />I am a self-taught designer and programmer with over 5 years of experience working with a variety of businesses, non-profits, and individuals.<br />While I specialize in WordPress themes and CMS development, I also do all levels of Web Design and XHTML/CSS coding.<br />I freelance some through my personal brand, Tammy Hart Designs while also working a full time gig at blr | further as a UI Developer.<br /> TammyHartDesigns.com tammy@tammyhartdesigns.com @tammyhart<br />
  3. 3. Where to Start<br />Blank canvas<br />
  4. 4. Sitemap<br />Wireframe<br />
  5. 5. What to Think About<br />NO:<br />YES:<br />What can WordPress do?<br />How do I make WordPress do x-y-z?<br />
  6. 6. Limitations<br />Think “sky”<br />
  7. 7. WordPress Can Do Anything<br />Anything is:<br />Brochure sites<br />Ecommerce<br />Magazine<br />Social Community<br />Knowledgebase<br />Invoicing and time tracking<br />Facebook application integration<br />Anything isn’t:<br />Your laundry<br />Fix the economy<br />Climb Mount Everest<br />Explain the meaning of life<br />
  8. 8. WordPress Fundamentals<br />Blogging and pages are built in<br />Media manipulation has a foundation<br />Everything is in a database, so you can access the content as much as your programming skills will let you<br />Remember: There is probably already a plugin for that!<br />
  9. 9. You Know<br />WordPress is only as limited as you<br />Know when to say “no” or have a better idea<br />Keep your “enemies” close, know about other CMS’s and alternative plugins to your favorites<br />Do your research - the answer is probably already out there.<br />
  10. 10. Pre-built Themes<br />Pros<br />Tons of features and settings<br />A good base design to start from<br />Already designed<br />Cons<br />Too many features and settings<br />Too locked into a design layout<br />Already designed<br />
  11. 11. What it Looks Like<br />Functionality with style<br />
  12. 12. SouthernIdahoLiving.com<br />Magazine style publishing<br />
  13. 13. KurdishRights.org/prisoners/<br />Simple application<br />
  14. 14. FlowerMag.com<br />Custom content types<br />
  15. 15. VancouverConventionCentre.com<br />Now that’s what I call beyond the blog!<br />
  16. 16. How it Works<br />Templates and code<br />
  17. 17. The Loop<br />Basic Loop<br /><?<br />if(have_posts()):<br />while (have_posts()):the_post();<br />?><br />... Do Stuff Here ...<br /><?<br />endwhile; <br />endif; <br />?><br />Basic Functions<br />the_title()<br />the_author()<br />the_permalink()<br />the_time()<br />the_content() & the_excerpt()<br />the_category()<br />comments_popup_link()<br />
  18. 18. Get Posts by Category<br /><? <br />$categories =get_categories('exclude=16'); <br />foreach($categories as $cat){<br /> if($cat->parent == 0){<br />?><br /><div class="catgroup"> <br /><? <br />$counter =0;<br />$catID= $cat->cat_ID;<br />$sections =newWP_query(<br />array('cat'=> $catID,'monthnum'=> $month, 'year'=> $year)<br />); <br />while($sections->have_posts()): $sections->the_post(); <br />$counter++; $currentposts[] = $post->ID; <br />?><br />... Do Stuff Here ...<br /><?endwhile; ?><br /></div><br /><? } } // end if parent and foreach?><br />SouthernIdahoLiving.com by Tammy Hart<br />
  19. 19. What to Think About<br />NO:<br />YES:<br />What can WordPress do?<br />How do I make WordPress do x-y-z?<br />
  20. 20. Resources<br />That’s not all, folks!<br />
  21. 21. Resources<br />In depth look at Site Design and Layout from WordPress.orghttp://bit.ly/wpdesign01<br />Using Dreamweaver Sites: How to sync your local directory, with a WordPress themes directoryhttp://bit.ly/wpdesign02<br />Tutorials, videos, and other articles about Freelancing and WordPresshttp://www.wpmethod.com<br />
  22. 22. Thanks!<br />Questions?<br />TammyHartDesigns.comtammy@tammyhartdesigns.comtammyhart<br />

×