Se ha denunciado esta presentación.
Se está descargando tu SlideShare. ×

Customizing word press themes for san diego wordpress user group

Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Próximo SlideShare
Word press themeing & more
Word press themeing & more
Cargando en…3
×

Eche un vistazo a continuación

1 de 21 Anuncio
Anuncio

Más Contenido Relacionado

Presentaciones para usted (20)

Similares a Customizing word press themes for san diego wordpress user group (20)

Anuncio

Más reciente (20)

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>

×