Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Designing for WordPress

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

  • Login to see the comments

  • 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 /> @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.<br />Magazine style publishing<br />
  13. 13.<br />Simple application<br />
  14. 14.<br />Custom content types<br />
  15. 15.<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 /> 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.org<br />Using Dreamweaver Sites: How to sync your local directory, with a WordPress themes directory<br />Tutorials, videos, and other articles about Freelancing and WordPress<br />
  22. 22. Thanks!<br />Questions?<br />TammyHartDesigns.comtammy@tammyhartdesigns.comtammyhart<br />