spooky wordpress: disturbingly brilliant uses of wp
DESCRIPTION
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!TRANSCRIPT
![Page 1: Spooky WordPress: Disturbingly Brilliant Uses of WP](https://reader034.vdocuments.us/reader034/viewer/2022052606/5558a8dbd8b42a2a738b522b/html5/thumbnails/1.jpg)
Spooky WordPress
Disturbingly Brilliant Uses of WP
![Page 2: Spooky WordPress: Disturbingly Brilliant Uses of WP](https://reader034.vdocuments.us/reader034/viewer/2022052606/5558a8dbd8b42a2a738b522b/html5/thumbnails/2.jpg)
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
![Page 3: Spooky WordPress: Disturbingly Brilliant Uses of WP](https://reader034.vdocuments.us/reader034/viewer/2022052606/5558a8dbd8b42a2a738b522b/html5/thumbnails/3.jpg)
Disturbing Topics• iPhone Apps Powered by WP• Facebook Apps Powered by WP• Interesting Plugins/Themes in WP
![Page 4: Spooky WordPress: Disturbingly Brilliant Uses of WP](https://reader034.vdocuments.us/reader034/viewer/2022052606/5558a8dbd8b42a2a738b522b/html5/thumbnails/4.jpg)
WordPress is MUCH More than website software
![Page 5: Spooky WordPress: Disturbingly Brilliant Uses of WP](https://reader034.vdocuments.us/reader034/viewer/2022052606/5558a8dbd8b42a2a738b522b/html5/thumbnails/5.jpg)
WordPress is MUCH More than website software
Scary isn’t it?!
![Page 6: Spooky WordPress: Disturbingly Brilliant Uses of WP](https://reader034.vdocuments.us/reader034/viewer/2022052606/5558a8dbd8b42a2a738b522b/html5/thumbnails/6.jpg)
WordPress is MUCH More than website software
Scary isn’t it?!
Think Outside the Box! WordPress can be used for anything!
![Page 7: Spooky WordPress: Disturbingly Brilliant Uses of WP](https://reader034.vdocuments.us/reader034/viewer/2022052606/5558a8dbd8b42a2a738b522b/html5/thumbnails/7.jpg)
If you are stuck in a box that’s an entirely different issue
![Page 8: Spooky WordPress: Disturbingly Brilliant Uses of WP](https://reader034.vdocuments.us/reader034/viewer/2022052606/5558a8dbd8b42a2a738b522b/html5/thumbnails/8.jpg)
Why Reinvent the Wheel?
![Page 9: Spooky WordPress: Disturbingly Brilliant Uses of WP](https://reader034.vdocuments.us/reader034/viewer/2022052606/5558a8dbd8b42a2a738b522b/html5/thumbnails/9.jpg)
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
![Page 10: Spooky WordPress: Disturbingly Brilliant Uses of WP](https://reader034.vdocuments.us/reader034/viewer/2022052606/5558a8dbd8b42a2a738b522b/html5/thumbnails/10.jpg)
New iPhone App
![Page 11: Spooky WordPress: Disturbingly Brilliant Uses of WP](https://reader034.vdocuments.us/reader034/viewer/2022052606/5558a8dbd8b42a2a738b522b/html5/thumbnails/11.jpg)
So What Did We Build?
App to End World Hunger?
App to solve a critical problem?
App to provide a useful tool or service?
![Page 12: Spooky WordPress: Disturbingly Brilliant Uses of WP](https://reader034.vdocuments.us/reader034/viewer/2022052606/5558a8dbd8b42a2a738b522b/html5/thumbnails/12.jpg)
So What Did We Build?Of Course Not! We Built:
Location Based Pee Tracking
![Page 13: Spooky WordPress: Disturbingly Brilliant Uses of WP](https://reader034.vdocuments.us/reader034/viewer/2022052606/5558a8dbd8b42a2a738b522b/html5/thumbnails/13.jpg)
Search “ipfree.ly” in the App store
![Page 14: Spooky WordPress: Disturbingly Brilliant Uses of WP](https://reader034.vdocuments.us/reader034/viewer/2022052606/5558a8dbd8b42a2a738b522b/html5/thumbnails/14.jpg)
New users can register an account (in WordPress)
Uses a modified XML-RPC
![Page 15: Spooky WordPress: Disturbingly Brilliant Uses of WP](https://reader034.vdocuments.us/reader034/viewer/2022052606/5558a8dbd8b42a2a738b522b/html5/thumbnails/15.jpg)
Existing users can login (and remember me)
Authenticates using WordPress
![Page 16: Spooky WordPress: Disturbingly Brilliant Uses of WP](https://reader034.vdocuments.us/reader034/viewer/2022052606/5558a8dbd8b42a2a738b522b/html5/thumbnails/16.jpg)
Users can PLOT and add a simple description
![Page 17: Spooky WordPress: Disturbingly Brilliant Uses of WP](https://reader034.vdocuments.us/reader034/viewer/2022052606/5558a8dbd8b42a2a738b522b/html5/thumbnails/17.jpg)
PLOT is saved and all existing plots are listed
![Page 18: Spooky WordPress: Disturbingly Brilliant Uses of WP](https://reader034.vdocuments.us/reader034/viewer/2022052606/5558a8dbd8b42a2a738b522b/html5/thumbnails/18.jpg)
http://ipfree.ly
![Page 19: Spooky WordPress: Disturbingly Brilliant Uses of WP](https://reader034.vdocuments.us/reader034/viewer/2022052606/5558a8dbd8b42a2a738b522b/html5/thumbnails/19.jpg)
Geo data saved as meta data
(custom fields) against the post
Each PLOT is a post in WordPress
![Page 20: Spooky WordPress: Disturbingly Brilliant Uses of WP](https://reader034.vdocuments.us/reader034/viewer/2022052606/5558a8dbd8b42a2a738b522b/html5/thumbnails/20.jpg)
Every post is listed in WordPress as normal
![Page 21: Spooky WordPress: Disturbingly Brilliant Uses of WP](https://reader034.vdocuments.us/reader034/viewer/2022052606/5558a8dbd8b42a2a738b522b/html5/thumbnails/21.jpg)
Profile pages show user’s latest plots on a map
http://ipfree.ly/brad
![Page 22: Spooky WordPress: Disturbingly Brilliant Uses of WP](https://reader034.vdocuments.us/reader034/viewer/2022052606/5558a8dbd8b42a2a738b522b/html5/thumbnails/22.jpg)
Each “plot” is a post in WP with a unique permalink
http://ipfree.ly/brad/empire-state-building/
![Page 23: Spooky WordPress: Disturbingly Brilliant Uses of WP](https://reader034.vdocuments.us/reader034/viewer/2022052606/5558a8dbd8b42a2a738b522b/html5/thumbnails/23.jpg)
http://ipfree.ly/user - loads the author.php template
http://ipfree.ly/user/postname - loads the single.php template
Facebook like URLs in WordPress
![Page 24: Spooky WordPress: Disturbingly Brilliant Uses of WP](https://reader034.vdocuments.us/reader034/viewer/2022052606/5558a8dbd8b42a2a738b522b/html5/thumbnails/24.jpg)
http://ios.wordpress.org
100% GPL
http://iphone.svn.wordpress.org/trunk/
![Page 25: Spooky WordPress: Disturbingly Brilliant Uses of WP](https://reader034.vdocuments.us/reader034/viewer/2022052606/5558a8dbd8b42a2a738b522b/html5/thumbnails/25.jpg)
Crazy Right?
![Page 26: Spooky WordPress: Disturbingly Brilliant Uses of WP](https://reader034.vdocuments.us/reader034/viewer/2022052606/5558a8dbd8b42a2a738b522b/html5/thumbnails/26.jpg)
![Page 27: Spooky WordPress: Disturbingly Brilliant Uses of WP](https://reader034.vdocuments.us/reader034/viewer/2022052606/5558a8dbd8b42a2a738b522b/html5/thumbnails/27.jpg)
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.
![Page 28: Spooky WordPress: Disturbingly Brilliant Uses of WP](https://reader034.vdocuments.us/reader034/viewer/2022052606/5558a8dbd8b42a2a738b522b/html5/thumbnails/28.jpg)
Mother Falcon!!!!This isn’t WordPress!!!!
Wait, Why Not?!?!?!?Sure it is…
![Page 29: Spooky WordPress: Disturbingly Brilliant Uses of WP](https://reader034.vdocuments.us/reader034/viewer/2022052606/5558a8dbd8b42a2a738b522b/html5/thumbnails/29.jpg)
Auto Photobook:•Users > Books > Pages/Photos
WordPress:• Users > Posts > Attachments/Photos
http://apps.facebook.com/autophotobook/
![Page 30: Spooky WordPress: Disturbingly Brilliant Uses of WP](https://reader034.vdocuments.us/reader034/viewer/2022052606/5558a8dbd8b42a2a738b522b/html5/thumbnails/30.jpg)
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
![Page 31: Spooky WordPress: Disturbingly Brilliant Uses of WP](https://reader034.vdocuments.us/reader034/viewer/2022052606/5558a8dbd8b42a2a738b522b/html5/thumbnails/31.jpg)
Facebook ApplicationMeet Keith Milks
(Ax Murderer)He received a request to
join the Auto Photobook
Facebook Application
![Page 32: Spooky WordPress: Disturbingly Brilliant Uses of WP](https://reader034.vdocuments.us/reader034/viewer/2022052606/5558a8dbd8b42a2a738b522b/html5/thumbnails/32.jpg)
![Page 33: Spooky WordPress: Disturbingly Brilliant Uses of WP](https://reader034.vdocuments.us/reader034/viewer/2022052606/5558a8dbd8b42a2a738b522b/html5/thumbnails/33.jpg)
Extended Permissions
http://developers.facebook.com/docs/authentication/permissions
Can request a lot of permissions from access a user’s email address to
reading their Facebook inbox to accessing all of a user’s friends birthdays.
![Page 34: Spooky WordPress: Disturbingly Brilliant Uses of WP](https://reader034.vdocuments.us/reader034/viewer/2022052606/5558a8dbd8b42a2a738b522b/html5/thumbnails/34.jpg)
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
![Page 35: Spooky WordPress: Disturbingly Brilliant Uses of WP](https://reader034.vdocuments.us/reader034/viewer/2022052606/5558a8dbd8b42a2a738b522b/html5/thumbnails/35.jpg)
Build a Book
![Page 36: Spooky WordPress: Disturbingly Brilliant Uses of WP](https://reader034.vdocuments.us/reader034/viewer/2022052606/5558a8dbd8b42a2a738b522b/html5/thumbnails/36.jpg)
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.
![Page 37: Spooky WordPress: Disturbingly Brilliant Uses of WP](https://reader034.vdocuments.us/reader034/viewer/2022052606/5558a8dbd8b42a2a738b522b/html5/thumbnails/37.jpg)
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.
![Page 38: Spooky WordPress: Disturbingly Brilliant Uses of WP](https://reader034.vdocuments.us/reader034/viewer/2022052606/5558a8dbd8b42a2a738b522b/html5/thumbnails/38.jpg)
News Feed Example
![Page 39: Spooky WordPress: Disturbingly Brilliant Uses of WP](https://reader034.vdocuments.us/reader034/viewer/2022052606/5558a8dbd8b42a2a738b522b/html5/thumbnails/39.jpg)
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.
![Page 40: Spooky WordPress: Disturbingly Brilliant Uses of WP](https://reader034.vdocuments.us/reader034/viewer/2022052606/5558a8dbd8b42a2a738b522b/html5/thumbnails/40.jpg)
All Books - Standard WordPress Loop
![Page 41: Spooky WordPress: Disturbingly Brilliant Uses of WP](https://reader034.vdocuments.us/reader034/viewer/2022052606/5558a8dbd8b42a2a738b522b/html5/thumbnails/41.jpg)
Friends’ Book – FQL & WordPress Loop
• Facebook Query Language is used to only return WP authors that are Facebook friends
![Page 42: Spooky WordPress: Disturbingly Brilliant Uses of WP](https://reader034.vdocuments.us/reader034/viewer/2022052606/5558a8dbd8b42a2a738b522b/html5/thumbnails/42.jpg)
Edit Post Page in Backend
• WordPress automatically provides a backend UI for managing any books created by any Facebook users
![Page 43: Spooky WordPress: Disturbingly Brilliant Uses of WP](https://reader034.vdocuments.us/reader034/viewer/2022052606/5558a8dbd8b42a2a738b522b/html5/thumbnails/43.jpg)
Invite FriendsSpread like a
flesh eating virus!
![Page 44: Spooky WordPress: Disturbingly Brilliant Uses of WP](https://reader034.vdocuments.us/reader034/viewer/2022052606/5558a8dbd8b42a2a738b522b/html5/thumbnails/44.jpg)
Make It Stop!
#wcphilly after party
![Page 45: Spooky WordPress: Disturbingly Brilliant Uses of WP](https://reader034.vdocuments.us/reader034/viewer/2022052606/5558a8dbd8b42a2a738b522b/html5/thumbnails/45.jpg)
Notable WordPress Projects
http://collabpress.org
Task Management Plugin
![Page 46: Spooky WordPress: Disturbingly Brilliant Uses of WP](https://reader034.vdocuments.us/reader034/viewer/2022052606/5558a8dbd8b42a2a738b522b/html5/thumbnails/46.jpg)
Notable WordPress Projects
http://rolopress.com
Contact Manager Theme
![Page 47: Spooky WordPress: Disturbingly Brilliant Uses of WP](https://reader034.vdocuments.us/reader034/viewer/2022052606/5558a8dbd8b42a2a738b522b/html5/thumbnails/47.jpg)
Notable WordPress Projects
http://getqualitycontrol.com
Simple Ticketing System Theme
![Page 48: Spooky WordPress: Disturbingly Brilliant Uses of WP](https://reader034.vdocuments.us/reader034/viewer/2022052606/5558a8dbd8b42a2a738b522b/html5/thumbnails/48.jpg)
Questions?
![Page 49: Spooky WordPress: Disturbingly Brilliant Uses of WP](https://reader034.vdocuments.us/reader034/viewer/2022052606/5558a8dbd8b42a2a738b522b/html5/thumbnails/49.jpg)
Brad “The Butcher” Williams
Brian “The Maniac” Messenlehner
• Email: [email protected]• Twitter: @williamsba• Blog: strangework.com
• Email: [email protected]• Twitter: @bmess
Professional WordPress Plugin Development coming March 2011
Contact
http://bit.ly/pro-wp
![Page 50: Spooky WordPress: Disturbingly Brilliant Uses of WP](https://reader034.vdocuments.us/reader034/viewer/2022052606/5558a8dbd8b42a2a738b522b/html5/thumbnails/50.jpg)