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

3,818

Published on

PowerPoint presentation for Customizing WordPress themes.

Published in: Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
3,818
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
37
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

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>
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×