1. Wordcamp LA | September 15, 2012
@nataliemac

2. Adding jQuery Magic to
Your WordPress Theme
Wordcamp LA | September 15, 2012
@nataliemac

3. @nataliemac

4. About me @nataliemac
Purple Pen Productions
socal WP Meetup Group @purplepen
jQuery LA Meetup group
@socalwp
jQuery for Designers
@nataliemac

5. @nataliemac

6. jQuery Plugins & tutorials
Can I use that
with
WordPress?
@nataliemac

7. jQuery Plugins & tutorials
Can I use that How Do I use
with that with
WordPress? WordPress?
@nataliemac

8. @nataliemac

9. Using jQuery In
WordPress Themes
@nataliemac

10. @nataliemac

11. But First...
A few pointers and Best Practices
@nataliemac

12. @nataliemac

13. Prefix all functions
@nataliemac

14. @nataliemac

15. Register Your Scripts (and Styles)
wp_register_script( $handle, $src, $deps, $ver, $in_footer );
wp_register_style( $handle, $src, $deps, $ver, $media );
@nataliemac

16. @nataliemac

17. EnQueue Your Scripts (and Styles)
wp_enqueue_script( $handle, $src, $deps, $ver, $in_footer );
wp_enqueue_style( $handle, $src, $deps, $ver, $media );
@nataliemac

18. @nataliemac

19. Only Load 'em when you Need 'em
conditional comments
enqueue in template files
@nataliemac

20. @nataliemac

21. Use wp's version of WordPress
@nataliemac

22. @nataliemac

23. Don't override defaults for distribution
don't force 3rd party dependencies on unsuspecting users
Use Google Libraries plugin
@nataliemac

24. @nataliemac

25. Load Scripts in the Footer when possible
@nataliemac

26. @nataliemac

27. Use jQuery's "$"
Use a closure or ready function
@nataliemac

28. @nataliemac

29. Use included plugins
Lots of choices included with WordPress
@nataliemac

30. @nataliemac

31. Remember Dependencies
jQuery for plugins, plugins for custom code
@nataliemac

32. @nataliemac

33. Onto the code...
@nataliemac

34. @nataliemac

35. Q&A
ask your questions
@nataliemac