Successfully reported this slideshow.
Your SlideShare is downloading. ×

Customizing word press themes for san diego wordpress user group

Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Upcoming SlideShare
Word press themeing & more
Word press themeing & more
Loading in …3
×

Check these out next

1 of 21 Ad
Advertisement

More Related Content

Slideshows for you (20)

Similar to Customizing word press themes for san diego wordpress user group (20)

Advertisement

Customizing word press themes for san diego wordpress user group

  1. 1. Customizing WordPress Themes Phelan Riessen @imagium [email_address] www.SDTechScene.org
  2. 2. What is WordPress? <ul><li>Blogging Platform </li></ul><ul><li>WordPress as a CMS </li></ul><ul><li>Pages vs Posts </li></ul><ul><li>Automation </li></ul><ul><li>SEO </li></ul>
  3. 3. Free & purchased themes/2010 theme <ul><li>Theme Forest, Template Monster </li></ul><ul><li>Tons of Free Templates http://wordpress.org/extend/themes/ </li></ul><ul><li>2010 Theme </li></ul>
  4. 4. Where to Change a theme <ul><li>Domain.com/wp-content/themes/name </li></ul><ul><li>Changing theme inside admin </li></ul><ul><li>1,336 themes 29,517,887 downloads, and counting. </li></ul>
  5. 6. Website Examples <ul><li>Planet Apparel </li></ul><ul><li>Pro Restaurant </li></ul><ul><li>SD Sport & Spine </li></ul><ul><li>Mindful Design </li></ul>
  6. 7. Image Sliders <ul><li>jQuery.com </li></ul><ul><li>MooTools.com </li></ul><ul><li>Script.aculo.us </li></ul><ul><li>Google: </li></ul><ul><ul><li>jQuery Image Gallery </li></ul></ul><ul><ul><li>jQuery Image Slider </li></ul></ul><ul><ul><li>Carousel </li></ul></ul>
  7. 8. A Great How To Example <ul><li>Formerly StickManLabs.com - Now http://www.p51labs.com/lightwindow/ </li></ul>
  8. 11. File Structure <ul><li>index.php, page.php, single.php, 404.php, archive.php, search.php, sidebar.php </li></ul><ul><li>header.php, footer.php, style.css </li></ul><ul><li>functions.php, loop.php </li></ul>
  9. 12. Standard index.php file
  10. 13. Modified Index.php w/ CSS
  11. 14. Other Pages
  12. 15. Widgets <ul><li>Current widget </li></ul><ul><li>Modified function.php </li></ul>
  13. 16. Adding JavaScript <ul><li>Direct to Theme Template or use plugins </li></ul><ul><li>Comment your code! <--! Start Slider Script --> <--! End Slider Script --> </li></ul>
  14. 17. Use WordPress Plugins <ul><li>HiFi (Head Injection, Foot Injection) http://wordpress.org/extend/plugins/hifi/ </li></ul><ul><li>Head Cleaner http://wordpress.org/extend/plugins/head-cleaner/ (cleans up JS files) </li></ul><ul><li>Page.ly MultiEdit http://wordpress.org/extend/plugins/pagely-multiedit/ (CMS - add more blocks of content) </li></ul><ul><li>More Fields http://wordpress.org/extend/plugins/more-fields/ </li></ul>
  15. 18. Use FireBug! <ul><li>F12 is your friend </li></ul>
  16. 19. Hacking Free Themes <ul><li>Getting ready of pesky copyright info </li></ul><ul><ul><li>CSS: Display: None; </li></ul></ul>
  17. 20. Conclusion <ul><li>Know CSS and WP scripts </li></ul><ul><li>Test, test, test </li></ul><ul><li>Search, archives, pages, posts, 404 </li></ul><ul><li>Crossbrowser check </li></ul><ul><ul><li>Firefox </li></ul></ul><ul><ul><li>Safari </li></ul></ul><ul><ul><li>IE versions </li></ul></ul><ul><ul><li>Mobile versions </li></ul></ul>
  18. 21. Shameless Promotion <ul><li>www.MarchMingle.com </li></ul><ul><li>March 29 th , 2010 </li></ul><ul><li>URBN North Park </li></ul>

×