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.
Customizing WordPress Themes Phelan Riessen @imagium [email_address] www.SDTechScene.org
What is WordPress? <ul><li>Blogging Platform </li></ul><ul><li>WordPress as a CMS </li></ul><ul><li>Pages vs Posts </li></...
Free & purchased themes/2010 theme <ul><li>Theme Forest, Template Monster </li></ul><ul><li>Tons of Free Templates  http:/...
Where to Change a theme <ul><li>Domain.com/wp-content/themes/name </li></ul><ul><li>Changing theme inside admin </li></ul>...
 
Website Examples <ul><li>Planet Apparel </li></ul><ul><li>Pro Restaurant </li></ul><ul><li>SD Sport & Spine </li></ul><ul>...
Image Sliders <ul><li>jQuery.com </li></ul><ul><li>MooTools.com </li></ul><ul><li>Script.aculo.us </li></ul><ul><li>Google...
A Great How To Example <ul><li>Formerly StickManLabs.com - Now  http://www.p51labs.com/lightwindow/   </li></ul>
 
 
File Structure <ul><li>index.php, page.php, single.php, 404.php, archive.php, search.php, sidebar.php </li></ul><ul><li>he...
Standard index.php file
Modified Index.php w/ CSS
Other Pages
Widgets <ul><li>Current widget </li></ul><ul><li>Modified function.php </li></ul>
Adding JavaScript <ul><li>Direct to Theme Template or use plugins </li></ul><ul><li>Comment your code! <--! Start Slider S...
Use WordPress Plugins <ul><li>HiFi  (Head Injection, Foot Injection)  http://wordpress.org/extend/plugins/hifi/   </li></u...
Use FireBug! <ul><li>F12 is your friend </li></ul>
Hacking Free Themes <ul><li>Getting ready of pesky copyright info </li></ul><ul><ul><li>CSS: Display: None; </li></ul></ul>
Conclusion <ul><li>Know CSS and WP scripts </li></ul><ul><li>Test, test, test </li></ul><ul><li>Search, archives, pages, p...
Shameless Promotion <ul><li>www.MarchMingle.com </li></ul><ul><li>March 29 th , 2010 </li></ul><ul><li>URBN North Park  </...
Upcoming SlideShare
Loading in …5
×

Customizing word press themes for san diego wordpress user group

4,528 views

Published on

PowerPoint presentation for Customizing WordPress themes.

Published in: Design
  • Be the first to comment

  • Be the first to like this

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>

×