WordPress Plugins for n00bs

846 views

Published on

Presented at WordCamp San Francisco on May 1, 2010.

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

  • Be the first to like this

No Downloads
Views
Total views
846
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide



  • 3rd annual conference
    2 days covering large business issues and implementations
    learn from the top experts on each platform
  • Platform group
    Central hub for syndicated data
    Hotmail, Messenger, Alerts
  • Deliver indexed content within minutes of publication
    Pulse of community
  • Web development
    Feed and widget syndication
    Building new businesses off the shoulders of giants
  • Contractor for Automattic
    VideoPress product lead




  • VideoPress is a complex plugin built on top of WordPress 3.0
    Backed by transcoding software, so not entirely WordPress based
    Extend basic platform functionality with specialized commercial tools



  • Cannot assume newer tools such as XML libraries, http query builders, DateTime
    WordPress.com runs 5.2
  • Some utilities bundled with every WordPress install
    Use the local resource instead of duplicating with your own.

  • Integrate your company’s web products with WordPress
    Love your blogging platform even more with the right set of plugins for your need
    Google launched a news theme and plugins this week
    Salesforce just released a a WordPress contact form that fills CRM data


  • Simplified look at a page built with WordPress
    Choose an appropriate theme
    Take additional actions after a stage completes
    Alter individual components - title, category
    Change post content on the fly (shortcodes)
    Add new content to the post
  • Simplified look at a page built with WordPress
    Choose an appropriate theme
    Take additional actions after a stage completes
    Alter individual components - title, category
    Change post content on the fly (shortcodes)
    Add new content to the post
  • Simplified look at a page built with WordPress
    Choose an appropriate theme
    Take additional actions after a stage completes
    Alter individual components - title, category
    Change post content on the fly (shortcodes)
    Add new content to the post
  • Simplified look at a page built with WordPress
    Choose an appropriate theme
    Take additional actions after a stage completes
    Alter individual components - title, category
    Change post content on the fly (shortcodes)
    Add new content to the post
  • Simplified look at a page built with WordPress
    Choose an appropriate theme
    Take additional actions after a stage completes
    Alter individual components - title, category
    Change post content on the fly (shortcodes)
    Add new content to the post
  • Simplified look at a page built with WordPress
    Choose an appropriate theme
    Take additional actions after a stage completes
    Alter individual components - title, category
    Change post content on the fly (shortcodes)
    Add new content to the post
  • Simplified look at a page built with WordPress
    Choose an appropriate theme
    Take additional actions after a stage completes
    Alter individual components - title, category
    Change post content on the fly (shortcodes)
    Add new content to the post
  • WordPress plugins vs. JavaScript snippets
    Native vs. lowest common denominator
  • Display customization options to blog admin
    Additional options specific to WordPress
    e.g. Maximum tweets matches posts to display on home option
  • CSS styling applies
    Content width
    Authoring integration
  • Adapt to special circumstances unique to theme files
    Flash video will not play on iPhone
    Google Reader requires special embed markup
    Add enclosures for iTunes

  • JavaScript may not be executed by search engines
    Page integration means you are part of a larger content play
    Links, content, rich snippets and more.
  • Discover plugins via WordPress.org
  • Search for and install plugins from WP admin


  • Data pass through
    Take in a variable, modify, then pass back through
  • Scrub information in a post
    Add new content, such as a signature in an e-mail
    VideoPress + Facebook publicize for FB stream attachment
  • Scan text looking for popular product names and add an affiliate link.
    Identify publicly traded companies for indexing by Google News and Finance
  • Replace catch-all markup displayed to the user with shortcodes
    Provider, unique identifier, customizations
    key value pairs for interpretation by a specialized shortcode function
    Easiest way to get started
  • Built-in to WordPress 2.9
    Place a link in your post on its own line
    WordPress checks for embed information at the URL
    Retrieves embedable data for the link
  • Returns more information about the linked resource
    Photos, videos, links, rich media
  • Thanks for watching
    Send an e-mail with feedback or comments
  • WordPress Plugins for n00bs

    1. 1. Welcome to WordCamp SF! 1
    2. 2. Co-organized first WordCamp 2
    3. 3. MC of tech track 3
    4. 4. Consulting, Products 4
    5. 5. Platform: RSS 5
    6. 6. Blog Search & Syndication 6
    7. 7. NiallKennedy.com 7
    8. 8. VideoPress product lead 8
    9. 9. VideoPress product lead 8
    10. 10. Upload videos to WordPress.com 9
    11. 11. Transcoding MP4 Ogg Thumbnails 10
    12. 12. RSS & Atom feeds Add new podcast markup to blog feeds 11
    13. 13. Admin settings pages 12
    14. 14. Complex plugins 13
    15. 15. I prefer Python 14
    16. 16. Would rather use Django 15
    17. 17. WordPress is PHP 16
    18. 18. 4.3 5.3 PHP 4.3 or newer Match the minimum but many performance gains in newer versions 17
    19. 19. wp-includes JSON, jQuery, oEmbed, SimplePie, XML-RPC 18
    20. 20. WordPress plugins for n00bs 19
    21. 21. Goal: add your company or passion Attract customers through best- in-class integration Improve customer engagement Drive traffic to your site Your links and content across the Web 20
    22. 22. What is WordPress? 21
    23. 23. Posts Pages Comments Themes RSS feed Users Atom feed Sidebar widgets robots.txt oEmbed providers XML-RPC Mobile-specific themes A page builder 22
    24. 24. Built in stages 23
    25. 25. Header Built in stages 23
    26. 26. Header Blog title Built in stages 23
    27. 27. Header Blog title Post title Built in stages 23
    28. 28. Header Blog title Post title Post Content Built in stages 23
    29. 29. Header Blog title Post title Author Date Category Post Content Widget Built in stages 23
    30. 30. vs. A tale of two builds Static HTML vs. DOM manipulation 24
    31. 31. Easy management User focus on customization No complex copy-paste 25
    32. 32. Theme integration 26
    33. 33. Theme integration 27
    34. 34. Cache Cache your results with the page Reduce stress on your servers Faster page load times 28
    35. 35. Search engine visible 29
    36. 36. Discovery 30
    37. 37. Discovery 31
    38. 38. Actions I am finished. Anyone else want in? 32
    39. 39. function special_meta() { Action echo '<meta name="medium" examples content="video" />'; Add JavaScript file to a page } Transcode a video Send a sitemap ping add_action('wp_head' Send an e-mail 'special_meta', 5, 0); 33
    40. 40. Filters Anything to add or remove? 34
    41. 41. function video_add_extra_mimes( $mimes ) { $mimes['ogv'] = 'video/ Filter examples ogg'; Remove mentions of Drupal return $mimes; Convert old embed markup to } shortcode Add info to a WordPress object add_filter( 'upload_mimes', 'video_add_extra_mimes', 10, 1 ); 35
    42. 42. John bought a MacBook Pro from Amazon.com because it was cheaper than his local Best Buy. Filter example 36
    43. 43. John bought a MacBook Pro from Amazon.com because it was cheaper than his local Best Buy. John bought a MacBook Pro from Amazon.com (NASDAQ:AMZN) because it was cheaper than his local Best Buy (NYSE:BBY). Filter example 36
    44. 44. <object width="480" height="385"> <param name="movie" value="http://www.youtube.com/ v/dMH0bHeiRNg&hl=en_US&fs=1&rel=0"></param> <param name="allowFullScreen" value="true"> </param> <param name="allowscriptaccess" value="always"></ param> <embed src="http://www.youtube.com/v/ dMH0bHeiRNg&hl=en_US&fs=1&rel=0" type="application/x-shockwave-flash" Shortcodes allowscriptaccess="always" allowfullscreen="true" width="480" height="385"></embed> </object> Handle markup behind the scenes Copy and paste referenced resource + customizations 37
    45. 45. <object width="480" height="385"> <param name="movie" value="http://www.youtube.com/ v/dMH0bHeiRNg&hl=en_US&fs=1&rel=0"></param> <param name="allowFullScreen" value="true"> </param> <param name="allowscriptaccess" value="always"></ param> <embed src="http://www.youtube.com/v/ dMH0bHeiRNg&hl=en_US&fs=1&rel=0" type="application/x-shockwave-flash" Shortcodes allowscriptaccess="always" allowfullscreen="true" width="480" height="385"></embed> </object> Handle markup behind the scenes Copy and paste referenced resource + customizations [youtube dMH0bHeiRNg rel=0] 37
    46. 46. OMG, check out this skateboarding dog!!1! http://www.youtube.com/watch?v=R8XAlSp838Y We need to teach Fido some new tricks. oEmbed 38
    47. 47. { "type": "video", "provider_name": "YouTube", "provider_url": "http://www.youtube.com/", "author_name": "rnickeymouse", "title": "Skateboarding Dog - HD Redux", "width": 480, "height": 295, "html": "<object width="480" height="295"><param name="movie" value="http:// www.youtube.com/v/R8XAlSp838Y&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></ param><embed src="http://www.youtube.com/v/R8XAlSp838Y&fs=1" type= "application/x-shockwave-flash" width="480" height="295" allowscriptaccess= "always" allowfullscreen="true"></embed></object>", } oEmbed 39
    48. 48. Continued conversation NiallKennedy.com HatTrickMedia.com niall@niallkennedy.com 40

    ×