Brad Williams and Brian Messenlehner, co-founders of WebDevStudios.com, demonstrate interesting and amazing ways you can use WordPress! This is not your standard WordPress showcase presentation. Have you ever seen a WordPress powered iPhone app? How about a Facebook or Open Social app running WordPress? In this presentation you will!
2. Brad “The Butcher” Williams
Brian “The Maniac” Messenlehner
• Co-Founder of WebDevStudios.com
• Co-Author of Professional WordPress
• Co-Host of the SitePoint Podcast
• Co-founder of WebDevStudios.com
• That other guy
• Proprietary Software Developer Enlightened by Open-Source
• WordPress! WordPress! WordPress!
Professional WordPress Plugin Development coming March 2011
@williamsba
@bmess
Your Hosts
3. Disturbing Topics
• iPhone Apps Powered by WP
• Facebook Apps Powered by WP
• Interesting Plugins/Themes in WP
9. Core WordPress Features
Content Management with custom types
and taxonomies
User accounts and roles
Image, Media, and Gallery Support
Link Management
Easily extensible with plugins
22. Each “plot” is a post in WP with a unique permalink
http://ipfree.ly/brad/empire-state-building/
23. http://ipfree.ly/user - loads the author.php template
http://ipfree.ly/user/postname - loads the single.php template
Facebook like URLs in WordPress
27. What is Auto Photobook?
• Auto Photobook is photo analyzing software
developed by HP Labs.
• Photos are uploaded, analyzed to remove
similar photos and group photos with the
same people and contrasts together than
automatically arranged them into a photo
book that is converted to a .pdf file that can
be printed or emailed to friends to print.
• WDS - Make a Facebook application for Auto
Photobook that users a person’s fb photos.
30. Benefits of using WordPress:
Use all of the handy WP functions we are used
to using in our day to day lives.
• Use core WP elements like Comments,
Categories & Tags
• Use WP Plugins to extend functionality even
further if need be ie: Post Rating, Caching and
pretty much any other plugin that would work
around a Post.
• We created a Facebook WordPress theme that
makes any WordPress website look and
function like it belongs in Facebook as an App
34. Add this user to WordPressWhen Keith allows permission to the app
he gets added as a WordPress user and
some of his Facebook data is saved as
user meta in addition to his name. At this
point we could save any of Keith’s
Facebook data from his birthday to what
movies he likes if we wanted to store it.
A filter is applied to replace all
WordPress avatars with their Facebook
profile photo:
add_filter('get_avatar','fb_get_avatar’);
function fb_get_avatar($fb_id) {
$avatar='<img
src="https://graph.facebook.com/'.$fb_id.
'/picture"/>';
return $avatar;
}
https://graph.facebook.com/any-fb-id/picture will return that users default profile photo
36. Process Book
• Creates a WordPress post with the book name
as the title and the description as the content
under the WP user Keith Milks.
• Pushes up any FB photos selected to the Auto
Photobook API.
• Returns book information from Auto
Photobook API and saves it in custom fields
per the post.
• Renders a flash editor with the finished book.
37. Publish Book• Photobook is converted to a .PDF file.
• Photobook pages are converted to individual
images and stored as an attachment against
the WordPress post.
• Post changes from draft to published.
• A Facebook wall post is made on the user’s
Facebook wall.
• If any of the user’s friends were Facebook
tagged in any of the photos they used to
make the book, wall posts will be made on
their Facebook walls as well.
39. Single.php
Can do anything on this page as if it where a post page because it is.
Any comments made will also trigger a Facebook wall post being made
to the authors Facebook wall and the commenter's Facebook wall.
49. Brad “The Butcher” Williams
Brian “The Maniac” Messenlehner
• Email: brad@webdevstudios.com
• Twitter: @williamsba
• Blog: strangework.com
• Email: brian@webdevstudios.com
• Twitter: @bmess
Professional WordPress Plugin Development coming March 2011
Contact
http://bit.ly/pro-wp