Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.
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  </...
Nächste SlideShare
Wird geladen in …5
×

Customizing word press themes for san diego wordpress user group

4.612 Aufrufe

Veröffentlicht am

PowerPoint presentation for Customizing WordPress themes.

Veröffentlicht in: Design
  • Als Erste(r) kommentieren

  • Gehören Sie zu den Ersten, denen das gefällt!

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>

×