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,682
-1

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,682
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
15
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. ¿Le ha llamado la atención una diapositiva en particular?

      Recortar diapositivas es una manera útil de recopilar información importante para consultarla más tarde.

    ×