A short presentation on WordPress Coding Standards & WP Hooks.

1. WP Coding Standards
&
Hooks

2. WP Coding Standards
• HTML Coding Standard
• CSS Coding Standard
• JS Coding Standard
• PHP Coding Standard

3. HTML Coding Standards
• All tags must be closed properly
• All tags & attributes must be written in
lowercase
• Indent your code using Tab, NOT Space

4. CSS Coding Standards
• Use meaningful id or class names
• Use hyphens(-) when naming selectors
• Avoid CamelCase & Underscores

5. JS Coding Standards
• Use braces for multiline statement
• Use CamelCase, NOT underscore when
naming variables, functions
• Use jQuery noConflict

6. PHP Coding Standards
• Use lowercase letters for naming variables, functions,
arguments, never CamelCase.
• No shorthand PHP tags, always use full PHP tags.
• Use Single quotes(‘) or double quotes(“) when appropriate

7. PHP Coding Standards
• Always put spaces after commas, and on both sides of
logical, comparison, string and assignment operators.
• Make your code readable; readability is more important
than cleverness.

8. WP Hooks

9. WordPress Actions
What are they?
Actions are triggered by specific events that take
place in WordPress.
Your can respond to the event by executing a
function.

10. Example: WP Actions
• after_setup_theme
• wp_enqueue_scripts
• wp_head
• wp_footer
• admin_head

11. Create your own Action!

12. WordPress Filters
What are they?
Filters are functions that WordPress passes data
through at certain points in execution.

13. Example: WordPress Filters
• body_class
• post_class
• excerpt_length
• excerpt_more
• pre_get_posts

14. Create your own filter!

15. Actions Vs. Filters

16. Got a Question?

17. Coding Standard Resources
• http://codex.wordpress.org/WordPress_Coding_Standards
• http://wp.tutsplus.com/articles/cheat-sheets/the-
wordpress-coding-standards-an-introduction/
• http://validator.w3.org/
• http://google.com

18. Hook Resources
• http://codex.wordpress.org/Plugin_API/Action_Reference
• http://codex.wordpress.org/Plugin_API/Filter_Reference
• http://google.com