Design Your 1st WordPress Theme IN MINUTES!

3,541 views

Published on

http://softduit.com/
Design Your First Word Press Theme In Minutes Blog World Las Vegas Word Camp 2009 Brett Bumeter Softduit Media

Note.This presentation featured live video demonstrations and questions in addition to these slides. Contact me if you would like more details about either speaking on this topic or training in wordpress theme design

Published in: Technology, Business
0 Comments
4 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
3,541
On SlideShare
0
From Embeds
0
Number of Embeds
474
Actions
Shares
0
Downloads
0
Comments
0
Likes
4
Embeds 0
No embeds

No notes for slide

Design Your 1st WordPress Theme IN MINUTES!

  1. 1. Design Your First WordPress Theme IN MINUTES! @brettbum<br />http://softduit.com<br />Brett Bumeter @brettbum -&gt; Softduit Media Las Vegas WordCamp 10/09 BlogWorld 2009<br />1<br />
  2. 2. Who am I?<br />I&apos;m a former corporate whistleblower, turned professional philosopher (blogger). I provide business development and CMS web design & configuration services.<br />I work from a WiFi Fishing dock on Lake Wylie near Charlotte, NC<br />Brett Bumeter @brettbum -&gt; Softduit Media Las Vegas WordCamp 10/09 BlogWorld 2009<br />2<br />
  3. 3. I work from a WiFi Fishing dock on Lake Wylie near Charlotte, NC<br />Brett Bumeter @brettbum -&gt; Softduit Media Las Vegas WordCamp 10/09 BlogWorld 2009<br />3<br />
  4. 4. What Are You Going to Learn In This Session<br />What it takes to design a WordPress Theme<br />How to design a WordPress Theme with the tools to do the job<br />Some Intermediate skills that you can use to create some advanced WordPress as a CMS designs & Configuration<br />Brett Bumeter @brettbum -&gt; Softduit Media Las Vegas WordCamp 10/09 BlogWorld 2009<br />4<br />
  5. 5. What Can I help You Do?<br />Brett Bumeter @brettbum -&gt; Softduit Media Las Vegas WordCamp 10/09 BlogWorld 2009<br />5<br />
  6. 6. A year ago, I couldn&apos;t design a wordpress theme to save my life.<br />Brett Bumeter @brettbum -&gt; Softduit Media Las Vegas WordCamp 10/09 BlogWorld 2009<br />6<br />
  7. 7. I could download a free theme . . .<br /> . . . and hack it to do all sorts of things, but I was always trapped in someone else&apos;s box.<br />Brett Bumeter @brettbum -&gt; Softduit Media Las Vegas WordCamp 10/09 BlogWorld 2009<br />7<br />
  8. 8. These Themes Shared a couple common issues<br />They weren&apos;t functional enough, bad for SEO<br />They rarely had valid html, xhtml or css<br />No menu capability (so no CMS)<br />They weren&apos;t MINE!<br />Plus they were kind of ugly and tended to be used repetively when I found a theme that worked<br />Brett Bumeter @brettbum -&gt; Softduit Media Las Vegas WordCamp 10/09 BlogWorld 2009<br />8<br />
  9. 9. Fast Forward 1 year, I&apos;ve designed hundreds of themes, for myself, for friends and family and professionally for my clients! $$$ AND . . . <br />Brett Bumeter @brettbum -&gt; Softduit Media Las Vegas WordCamp 10/09 BlogWorld 2009<br />9<br />
  10. 10. I can teach you how to design themes, in minutes, EVEN IF you are not a graphic designer & don&apos;t know the difference between PHP and PCP in fact we&apos;re going to walk some volunteers through the process now. I&apos;m going to guide them, and they are going to take a stab at it on their own computers.<br />Brett Bumeter @brettbum -&gt; Softduit Media Las Vegas WordCamp 10/09 BlogWorld 2009<br />10<br />
  11. 11. What do you need to design a theme?<br />Theme Design Software<br />In the past, this meant you needed to buy some expensive (very expensive) product(s) from Adobe<br />Then, You took your expensive software and found or paid for hours and hours of training or education with that software.<br />Finally, the people that survived that would need to consider whether they wanted to pay or spend the time with more advanced education or training in graphic design or maybe take a few classes in programming with PHP connected to MySQL<br />Brett Bumeter @brettbum -&gt; Softduit Media Las Vegas WordCamp 10/09 BlogWorld 2009<br />11<br />
  12. 12. Good Bye Theme Design Learning Curve<br />I found this great software program that takes the learning curve almost completely out of theme design<br />WordPress<br />Joomla<br />Drupal<br />even Blogger!)<br />Brett Bumeter @brettbum -&gt; Softduit Media Las Vegas WordCamp 10/09 BlogWorld 2009<br />12<br />
  13. 13. What do you need Now?<br />All you need is a PC or a Mac computer and a pulse<br />Brett Bumeter @brettbum -&gt; Softduit Media Las Vegas WordCamp 10/09 BlogWorld 2009<br />13<br />And Maybe A REASON to create a siteThat&apos;s About it!<br />
  14. 14. A tool called Artisteer, and yes there is a free trial! Artisteer.com<br />You can take it for a spin yourself, here while you are at WordCampor BlogWorldor in the privacy of your own dock office<br />Disclosure, Yes I have an affiliate link, but just go straight there or Artisteer Price ranges from about $50 - $130<br />Brett Bumeter @brettbum -&gt; Softduit Media Las Vegas WordCamp 10/09 BlogWorld 2009<br />14<br />
  15. 15. Lets Do a Quick Theme!<br />Brett Bumeter @brettbum -&gt; Softduit Media Las Vegas WordCamp 10/09 BlogWorld 2009<br />15<br />
  16. 16. In fact, I&apos;m even running a theme design contest for beginners between now ending this week after Blogworld in October. Details: the License to Design Theme Contest http://bit.ly/Lic2DsgnContest<br />Brett Bumeter @brettbum -&gt; Softduit Media Las Vegas WordCamp 10/09 BlogWorld 2009<br />16<br />Try it And Maybe Win a Free License Wednesday<br />
  17. 17. Trying on the Big boy/girl Theme Design Pants<br />You Still have to Put Your Pants on 1 Leg at a time<br />MutlipleThemes On a Single WordPress Install<br />Dynamic Flash Headers & Rotating Pictures<br />Want to Run a Home Page with Category Excerpts?<br />Brett Bumeter @brettbum -&gt; Softduit Media Las Vegas WordCamp 10/09 BlogWorld 2009<br />17<br />
  18. 18. Mutliple Themes On a Single WordPress Install<br />What does this Look Like in Execution?<br />The process w/ Artisteer<br />Resources<br />Brett Bumeter @brettbum -&gt; Softduit Media Las Vegas WordCamp 10/09 BlogWorld 2009<br />18<br />
  19. 19. What does this Look Like in Execution?<br />Show GrassShack Media Site http://grassshackroad.com<br />Brett Bumeter @brettbum -&gt; Softduit Media Las Vegas WordCamp 10/09 BlogWorld 2009<br />19<br />
  20. 20. The process w/ Artisteer<br />Create a default theme<br />(the theme for your index.php file or blog)<br />Think of it as the look and feel of your site that will be used the most or in most circumstances on your site.<br />Create additional themes (as many as you like or need) but export these as sub folders in your primary theme folder<br />Brett Bumeter @brettbum -&gt; Softduit Media Las Vegas WordCamp 10/09 BlogWorld 2009<br />20<br />
  21. 21. The process w/ Artisteer (2)<br />Build your code <br />to reference the additional themes for whatever page, category etc that you like, <br />calling the specific location of the header for the sub themes in that code (note the header calls the css)<br />Brett Bumeter @brettbum -&gt; Softduit Media Las Vegas WordCamp 10/09 BlogWorld 2009<br />21<br />
  22. 22. The process w/ Artisteer (3)<br />Copy the sidebar files for the sub themes into the higher level directory, but rename them to a higher numerical number<br />tip change the number in the sub theme folder first, then copy the files to the higher level directory, don&apos;t move them, so you will have an easy reference to match which sidebar goes with which sub theme<br />Brett Bumeter @brettbum -&gt; Softduit Media Las Vegas WordCamp 10/09 BlogWorld 2009<br />22<br />
  23. 23. The process w/ Artisteer (4)<br />Update the sidebar numbers in your css file of the sub themes to match the new file<br />Brett Bumeter @brettbum -&gt; Softduit Media Las Vegas WordCamp 10/09 BlogWorld 2009<br />23<br />
  24. 24. Dynamic Flash Headers & Rotating Pictures<br />nextgenplugin<br />http://wordpress.org/extend/plugins/nextgen-gallery/<br />Google NextGenWordpressPlugin<br />wow That was easy, there&apos;s a plugin for it!<br />Brett Bumeter @brettbum -&gt; Softduit Media Las Vegas WordCamp 10/09 BlogWorld 2009<br />24<br />
  25. 25. Brett Bumeter @brettbum -&gt; Softduit Media Las Vegas WordCamp 10/09 BlogWorld 2009<br />25<br />
  26. 26. Brett Bumeter @brettbum -&gt; Softduit Media Las Vegas WordCamp 10/09 BlogWorld 2009<br />26<br />
  27. 27. Want to Run a Home Page with Category Excerpts?<br />No problem, there&apos;s a plugin for that<br />Category Posts Plugin http://wordpress.org/extend/plugins/category-posts/<br />You can achieve the fundamental theme design results you are looking for and build or leverage existing plugins to achieve exceptional results that some themes charge hundreds of dollars for.<br />Brett Bumeter @brettbum -&gt; Softduit Media Las Vegas WordCamp 10/09 BlogWorld 2009<br />27<br />
  28. 28. Resources<br />Don&apos;t read this stuff, you came to learn not research when you get home<br />wait, if you are reading this from home, dig in at your leisure, regardless, this is where I got some but not all of my info and know how<br />http://codex.wordpress.org/Theme_Development<br />http://wordpress.org/support/topic/233663?replies=6<br />http://www.ruhanirabin.com/different-headers-in-different-categories-and-pages-wordpress/#dsq-comments<br />1) this is the code to get an alternate header =<br /> &lt;?php include (TEMPLATEPATH . &apos;/header2.php&apos;); ?&gt;<br />2) i moved a file outside of the wp directory and that file is now looking for header2.<br />i tried this but it does not work =<br /> &lt;?php include (TEMPLATEPATH . &apos;http://www.domain.com/wp-content/themes/theme/header2.php&apos;); ?&gt;<br />Brett Bumeter @brettbum -&gt; Softduit Media Las Vegas WordCamp 10/09 BlogWorld 2009<br />28<br />

×