www.WordCampMSP.org
Tweetaboutthissession#WordCampMSP!!!
BUILDING YOUR FIRST PLUGIN
WordPress 301
Follow John Hawkins @Veg...
www.WordCampMSP.org
Tweetaboutthissession#WordCampMSP!!!
- Husband
- Dad
- Self-Employed
- Web Developer
- Geek
Follow Joh...
www.WordCampMSP.org
Tweetaboutthissession#WordCampMSP!!!
- 9seeds.com
- VegasGeek.com
- @vegasgeek
- Spend too much time i...
www.WordCampMSP.org
Tweetaboutthissession#WordCampMSP!!!
HOW I GOT STARTED
Follow John Hawkins @VegasGeek
www.WordCampMSP.org
Tweetaboutthissession#WordCampMSP!!!
- Tools
- Hooks
- Code
- Resources
Follow John Hawkins @VegasGeek...
www.WordCampMSP.org
Tweetaboutthissession#WordCampMSP!!!
TOOLS
Follow John Hawkins @VegasGeek
www.WordCampMSP.org
Tweetaboutthissession#WordCampMSP!!!
- Windows: XAMPP
http://vegasgeek.com/xampp
- Older Mac (like me)...
www.WordCampMSP.org
Tweetaboutthissession#WordCampMSP!!!
- Syntax Highlighting
- Error Checking
- Auto-Complete functions
...
www.WordCampMSP.org
Tweetaboutthissession#WordCampMSP!!!
HOOKS
Follow John Hawkins @VegasGeek
www.WordCampMSP.org
Tweetaboutthissession#WordCampMSP!!!
- Specific points in the WordPress code
used to interact with Wor...
www.WordCampMSP.org
Tweetaboutthissession#WordCampMSP!!!
- Tell WordPress to perform a function
at a specific time
Follow ...
www.WordCampMSP.org
Tweetaboutthissession#WordCampMSP!!!
- Passes data to your function
- Your function can modify the dat...
www.WordCampMSP.org
Tweetaboutthissession#WordCampMSP!!!
CODE
Follow John Hawkins @VegasGeek
www.WordCampMSP.org
Tweetaboutthissession#WordCampMSP!!!
- Create a shortcode
- Display info for an upcoming event
in a pa...
www.WordCampMSP.org
Tweetaboutthissession#WordCampMSP!!!
- Single files go directly in
the plugin folder
- Multiple files ...
www.WordCampMSP.org
Tweetaboutthissession#WordCampMSP!!!
- Single files go directly in
the plugin folder
- Multiple files ...
www.WordCampMSP.org
Tweetaboutthissession#WordCampMSP!!!
Follow John Hawkins @VegasGeek
Plugin Header
www.WordCampMSP.org
Tweetaboutthissession#WordCampMSP!!!
Follow John Hawkins @VegasGeek
Plugin Header
www.WordCampMSP.org
Tweetaboutthissession#WordCampMSP!!!
Follow John Hawkins @VegasGeek
The Function
www.WordCampMSP.org
Tweetaboutthissession#WordCampMSP!!!
Follow John Hawkins @VegasGeek
www.WordCampMSP.org
Tweetaboutthissession#WordCampMSP!!!
Follow John Hawkins @VegasGeek
www.WordCampMSP.org
Tweetaboutthissession#WordCampMSP!!!
Follow John Hawkins @VegasGeek
Add a settings page
www.WordCampMSP.org
Tweetaboutthissession#WordCampMSP!!!
Follow John Hawkins @VegasGeek
The settings form
www.WordCampMSP.org
Tweetaboutthissession#WordCampMSP!!!
Follow John Hawkins @VegasGeek
The settings form
www.WordCampMSP.org
Tweetaboutthissession#WordCampMSP!!!
Follow John Hawkins @VegasGeek
The settings form
www.WordCampMSP.org
Tweetaboutthissession#WordCampMSP!!!
Follow John Hawkins @VegasGeek
The settings form
www.WordCampMSP.org
Tweetaboutthissession#WordCampMSP!!!
Follow John Hawkins @VegasGeek
The settings form
www.WordCampMSP.org
Tweetaboutthissession#WordCampMSP!!!
Follow John Hawkins @VegasGeek
Settings Page
www.WordCampMSP.org
Tweetaboutthissession#WordCampMSP!!!
Follow John Hawkins @VegasGeek
Use the option values
www.WordCampMSP.org
Tweetaboutthissession#WordCampMSP!!!
RESOURCES
Follow John Hawkins @VegasGeek
www.WordCampMSP.org
Tweetaboutthissession#WordCampMSP!!!
- http://codex.wordpress.org
- http://vegasgeek.com/wc-msp
Follow...
www.WordCampMSP.org
Tweetaboutthissession#WordCampMSP!!!
John Hawkins
john@9seeds.com
Work: http://9seeds.com
Blog: http:/...
Upcoming SlideShare
Loading in...5
×

Building your first plugin by John Hawkins at WordCamp MSP

1,607

Published on

This is the slide deck from my presentation at WordCamp MSP about Building your first WordPress plugin.

Published in: Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
1,607
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
14
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • ***********CLICK “INSERT” THEN “HEADER & FOOTER” TO EASILY UPDATE THE “SPEAKER NAME @TWITTER” ON ALL SLIDES***********
  • Building your first plugin by John Hawkins at WordCamp MSP

    1. 1. www.WordCampMSP.org Tweetaboutthissession#WordCampMSP!!! BUILDING YOUR FIRST PLUGIN WordPress 301 Follow John Hawkins @VegasGeek
    2. 2. www.WordCampMSP.org Tweetaboutthissession#WordCampMSP!!! - Husband - Dad - Self-Employed - Web Developer - Geek Follow John Hawkins @VegasGeek Hi, I’m John
    3. 3. www.WordCampMSP.org Tweetaboutthissession#WordCampMSP!!! - 9seeds.com - VegasGeek.com - @vegasgeek - Spend too much time in front of the computer Follow John Hawkins @VegasGeek What I do
    4. 4. www.WordCampMSP.org Tweetaboutthissession#WordCampMSP!!! HOW I GOT STARTED Follow John Hawkins @VegasGeek
    5. 5. www.WordCampMSP.org Tweetaboutthissession#WordCampMSP!!! - Tools - Hooks - Code - Resources Follow John Hawkins @VegasGeek About this presentation
    6. 6. www.WordCampMSP.org Tweetaboutthissession#WordCampMSP!!! TOOLS Follow John Hawkins @VegasGeek
    7. 7. www.WordCampMSP.org Tweetaboutthissession#WordCampMSP!!! - Windows: XAMPP http://vegasgeek.com/xampp - Older Mac (like me): MAMP http://vegasgeek.com/mamp Follow John Hawkins @VegasGeek Develop Locally
    8. 8. www.WordCampMSP.org Tweetaboutthissession#WordCampMSP!!! - Syntax Highlighting - Error Checking - Auto-Complete functions - NetBeans / PHP Storm Follow John Hawkins @VegasGeek Use an IDE
    9. 9. www.WordCampMSP.org Tweetaboutthissession#WordCampMSP!!! HOOKS Follow John Hawkins @VegasGeek
    10. 10. www.WordCampMSP.org Tweetaboutthissession#WordCampMSP!!! - Specific points in the WordPress code used to interact with WordPress - Two types of hooks; Actions and Filters - 1,300+ hooks in WordPress 3.0 Follow John Hawkins @VegasGeek What’s a Hook?
    11. 11. www.WordCampMSP.org Tweetaboutthissession#WordCampMSP!!! - Tell WordPress to perform a function at a specific time Follow John Hawkins @VegasGeek Action Hooks
    12. 12. www.WordCampMSP.org Tweetaboutthissession#WordCampMSP!!! - Passes data to your function - Your function can modify the data and send it back to WordPress Follow John Hawkins @VegasGeek Filter Hooks
    13. 13. www.WordCampMSP.org Tweetaboutthissession#WordCampMSP!!! CODE Follow John Hawkins @VegasGeek
    14. 14. www.WordCampMSP.org Tweetaboutthissession#WordCampMSP!!! - Create a shortcode - Display info for an upcoming event in a page or post - Create an admin panel to update event info Follow John Hawkins @VegasGeek What will it do?
    15. 15. www.WordCampMSP.org Tweetaboutthissession#WordCampMSP!!! - Single files go directly in the plugin folder - Multiple files go in their own folder - WordPress only looks one folder deep Follow John Hawkins @VegasGeek The Plugin Folder
    16. 16. www.WordCampMSP.org Tweetaboutthissession#WordCampMSP!!! - Single files go directly in the plugin folder - Multiple files go in their own folder - WordPress only looks one folder deep Follow John Hawkins @VegasGeek The Plugin Folder
    17. 17. www.WordCampMSP.org Tweetaboutthissession#WordCampMSP!!! Follow John Hawkins @VegasGeek Plugin Header
    18. 18. www.WordCampMSP.org Tweetaboutthissession#WordCampMSP!!! Follow John Hawkins @VegasGeek Plugin Header
    19. 19. www.WordCampMSP.org Tweetaboutthissession#WordCampMSP!!! Follow John Hawkins @VegasGeek The Function
    20. 20. www.WordCampMSP.org Tweetaboutthissession#WordCampMSP!!! Follow John Hawkins @VegasGeek
    21. 21. www.WordCampMSP.org Tweetaboutthissession#WordCampMSP!!! Follow John Hawkins @VegasGeek
    22. 22. www.WordCampMSP.org Tweetaboutthissession#WordCampMSP!!! Follow John Hawkins @VegasGeek Add a settings page
    23. 23. www.WordCampMSP.org Tweetaboutthissession#WordCampMSP!!! Follow John Hawkins @VegasGeek The settings form
    24. 24. www.WordCampMSP.org Tweetaboutthissession#WordCampMSP!!! Follow John Hawkins @VegasGeek The settings form
    25. 25. www.WordCampMSP.org Tweetaboutthissession#WordCampMSP!!! Follow John Hawkins @VegasGeek The settings form
    26. 26. www.WordCampMSP.org Tweetaboutthissession#WordCampMSP!!! Follow John Hawkins @VegasGeek The settings form
    27. 27. www.WordCampMSP.org Tweetaboutthissession#WordCampMSP!!! Follow John Hawkins @VegasGeek The settings form
    28. 28. www.WordCampMSP.org Tweetaboutthissession#WordCampMSP!!! Follow John Hawkins @VegasGeek Settings Page
    29. 29. www.WordCampMSP.org Tweetaboutthissession#WordCampMSP!!! Follow John Hawkins @VegasGeek Use the option values
    30. 30. www.WordCampMSP.org Tweetaboutthissession#WordCampMSP!!! RESOURCES Follow John Hawkins @VegasGeek
    31. 31. www.WordCampMSP.org Tweetaboutthissession#WordCampMSP!!! - http://codex.wordpress.org - http://vegasgeek.com/wc-msp Follow John Hawkins @VegasGeek
    32. 32. www.WordCampMSP.org Tweetaboutthissession#WordCampMSP!!! John Hawkins john@9seeds.com Work: http://9seeds.com Blog: http://vegasgeek.com Tweet: @vegasgeek Follow John Hawkins @VegasGeek Thank You!
    1. A particular slide catching your eye?

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

    ×