started out with a quick intro on wordpress themes (I should have included how a widget works in the slides but I did discuss that which you can see in the video) then later went into something new and fresh: Facebook Connect. This tech enables you to allow your readers to login to your wordpress site using their Facebook login info. The plugin I finally settled with was the one developed by sixjumps which took the basics of just authenticating with wordpress to a new level. With this you can leave a comment on the blog and allow the comment to be sent over to facebook. You can also share links from the site to facebook with ease and lastly be able to see who else is using the site from facebook. Pretty cool stuff to be totally honest. Later I went into some plugins to connect wordpress with Twitter: TwitterTools by Alex King, TwitMe by Johnny Mast and Tweetbacks by Joost de Valk. I love Alex and Joost's work and their plugins kick some serious ass. TwitMe and its dev are new to me but there are some great features he put into that plugin. Lastly I discussed sharing posts with friends using using Joost's plugin Sociable and ShareThis. One thing I learned with this is the power of the masses... If your doing a presentation on social media or new media, get your audience involved by asking them to get their friends involved. At the beginning of the demo I put a tinyurl link up on the screen and asked everyone to hop on twitter and send that link out to as a tweet so we can get some people in the chatroom.

1. Wordpress
and 3rd party web services
On Twitter?
Share this event with friends, were streaming live:
http://tinyurl.com/ocplive 1
Thursday, March 12, 2009 1

2. Wordpress
and 3rd party web services
What makes Wordpress work?
How to get Wordpress talking with Facebook Connect
Make Wordpress interface with Twitter
Allow your viewers to share your contents with others
2
Thursday, March 12, 2009 2

3. What is Wordpress?
Open source publishing platform
Comes in 2 flavors
Wordpress.com - Hosted for you
Wordpress.org - Self hosted
3
Thursday, March 12, 2009 3

4. Hosted Wordpress.com
No Custom Themes
No Custom Plugins
Professionally
Managed
Self Maintained
Less likely to be
hacked by
spammers.
4
Thursday, March 12, 2009 4

5. Self Hosted Wordpress.org
Custom Themes
Custom Plugins
Self Managed
Self Maintained
Can be hacked by
spammers
5
Thursday, March 12, 2009 5

6. What makes Wordpress
work?
Database
Stores users, posts, pages and other content
PHP files
Connects to a database manipulates data and displays
the html output.
CSS stylesheets
Defines how the html output will look in the browser
Images
6
Thursday, March 12, 2009 6

7. Directory Structure
7
Thursday, March 12, 2009 7

8. Wordpress Theme
8
Thursday, March 12, 2009 8

9. Wordpress Theme Structure
wp-contents/themes
9
Thursday, March 12, 2009 9

10. Wordpress Theme Structure
wp-contents/themes
header.php
10
Thursday, March 12, 2009 10

11. Wordpress Theme Structure
wp-contents/themes
footer.php
11
Thursday, March 12, 2009 11

12. Wordpress Theme Structure
wp-contents/themes
sidebar.php
12
Thursday, March 12, 2009 12

13. Wordpress Theme Structure
wp-contents/themes
index.php
13
Thursday, March 12, 2009 13

14. Wordpress Theme Structure
wp-contents/themes
single.php
14
Thursday, March 12, 2009 14

15. Wordpress Theme Structure
wp-contents/themes
page.php
15
Thursday, March 12, 2009 15

16. Wordpress Theme Structure
wp-contents/themes
archive.php
16
Thursday, March 12, 2009 16

17. Wordpress Theme Structure
wp-contents/themes
search.php
17
Thursday, March 12, 2009 17

18. Wordpress Theme Structure
wp-contents/themes
archives.php
18
Thursday, March 12, 2009 18

19. Wordpress
and 3rd party web services
What makes Wordpress work?
How to get Wordpress talking with Facebook Connect
Make Wordpress interface with Twitter
Allow your viewers to share your contents with others
19
Thursday, March 12, 2009 19

20. How to get Wordpress talking
with Facebook Connect
Working Wordpress installation
Facebook account
sixjump’s Facebook Connect Wordpress Plugin
http://www.sociable.es/facebook-connect/
20
Thursday, March 12, 2009 20

21. Facebook Connect
Wordpress Plugin
Wordpress plugin that allows direct integration of
Wordpress blogs with Facebook using Facebook
Connect:
Build a community
Login using your Facebook account
Send comments to Facebook profile feed
Invite your friends to the blog community
See last visitors
21
Thursday, March 12, 2009 21

22. Facebook Connect
Wordpress Plugin
They will be registered to your blog as “Subscriber” in
your WordPress system. Some account information —
from Facebook — will be inserted. They are “Full name”
and Facebook Profile ID.
The usernames will be a combination of FB_ prefix with
profile ID. So, you will have usernames like these:
FB_1015647304, FB_1226611178, FB_678048415, etc.
The “Website” field will be their Facebook profile page.
Facebook profile images will be used as avatars.
22
Thursday, March 12, 2009 22

23. Installation and Prep
Edit header.php and add in the facebook specific
xmlns to the <html> tag.
<!DOCTYPE html PUBLIC quot;-//W3C//DTD XHTML 1.0
Transitional//ENquot; quot;http://www.w3.org/TR/xhtml1/DTD/
xhtml1-transitional.dtdquot;>
<html xmlns=quot;http://www.w3.org/1999/xhtmlquot;
xmlns:fb=quot;http://www.facebook.com/2008/fbmlquot;>
23
Thursday, March 12, 2009 23

24. Installation and Prep 2
Edit footer.php and verify that wp_footer() function is
being called at the bottom of the file.
< ?php wp_footer(); ?>
< /body>
< /html>
24
Thursday, March 12, 2009 24

25. Facebook Connect
Wordpress Plugin
Download
Install Plugin
Enable Plugin
Configure
25
Thursday, March 12, 2009 25

26. Facebook Connect
Wordpress Plugin
Download
Install Plugin
Enable Plugin
Configure
26
Thursday, March 12, 2009 26

27. Facebook Connect
Wordpress Plugin
Download
Install Plugin
Enable Plugin
Configure
27
Thursday, March 12, 2009 27

28. Facebook Connect
Wordpress Plugin
Download
Install Plugin
Enable Plugin
Configure
28
Thursday, March 12, 2009 28

29. Facebook Connect
Wordpress Plugin
29
Thursday, March 12, 2009 29

30. Facebook Connect
Wordpress Plugin
30
Thursday, March 12, 2009 30

31. Facebook Connect
Wordpress Plugin
31
Thursday, March 12, 2009 31

32. Facebook Connect
Wordpress Plugin
31
Thursday, March 12, 2009 31

33. Facebook Connect
Wordpress Plugin
32
Thursday, March 12, 2009 32

34. Facebook Connect
Wordpress Plugin
32
Thursday, March 12, 2009 32

35. Facebook Connect
Wordpress Plugin
33
Thursday, March 12, 2009 33

36. Facebook Connect
Wordpress Plugin
33
Thursday, March 12, 2009 33

37. Facebook Connect
Wordpress Plugin
http://www.yoursite.com
33
Thursday, March 12, 2009 33

38. Facebook Connect
Wordpress Plugin
Appearance >
Widgets
Add Facebook
Connector Widget
Configure
34
Thursday, March 12, 2009 34

39. Facebook Connect
Wordpress Plugin
Adds a sidebar
widget.
Allows user to login one time via
facebook.
Lists “community”
members.
Allows facebook users to share the
website and specific posts with
friends.
Display the comment they leave on
the site on facebook for others to
see.
35
Thursday, March 12, 2009 35

40. Facebook Connect
Wordpress Plugin
Adds a sidebar
widget.
Allows user to login one time
via facebook.
Lists “community”
members.
Allows facebook users to share the
website and specific posts with
friends.
Display the comment they leave on
the site on facebook for others to
see.
36
Thursday, March 12, 2009 36

41. Facebook Connect
Wordpress Plugin
Adds a sidebar
widget.
Allows user to login one time via
facebook.
Lists “community”
members.
Allows facebook users to share the
website and specific posts with
friends.
Display the comment they leave on
the site on facebook for others to
see.
37
Thursday, March 12, 2009 37

42. Facebook Connect
Wordpress Plugin
Adds a sidebar
widget.
Allows user to login one time via
facebook.
Lists “community”
members.
Allows facebook users to share
the website and specific posts
with friends.
Display the comment they leave on
the site on facebook for others to
see.
38
Thursday, March 12, 2009 38

43. Facebook Connect
Wordpress Plugin
Adds a sidebar
widget.
Allows user to login one time via
facebook.
Lists “community”
members.
Allows facebook users to share
the website and specific posts
with friends.
Display the comment they leave on
the site on facebook for others to
see.
38
Thursday, March 12, 2009 38

44. Facebook Connect
Wordpress Plugin
Adds a sidebar
widget.
Allows user to login one time via
facebook.
Lists “community”
members.
Allows facebook users to share
the website and specific posts
with friends.
Display the comment they leave on
the site on facebook for others to
see.
38
Thursday, March 12, 2009 38

45. Facebook Connect
Wordpress Plugin
Adds a sidebar
widget.
Allows user to login one time via
facebook.
Lists “community”
members.
Allows facebook users to share the
website and specific posts with
friends.
Display the comment they leave
on the site on facebook for
others to see.
39
Thursday, March 12, 2009 39

46. Facebook Connect
Wordpress Plugin
Adds a sidebar
widget.
Allows user to login one time via
facebook.
Lists “community”
members.
Allows facebook users to share the
website and specific posts with
friends.
Display the comment they leave
on the site on facebook for
others to see.
39
Thursday, March 12, 2009 39

47. Facebook Connect
Wordpress Plugin
Adds a sidebar
widget.
Allows user to login one time via
facebook.
Lists “community”
members.
Allows facebook users to share the
website and specific posts with
friends.
Display the comment they leave
on the site on facebook for
others to see.
39
Thursday, March 12, 2009 39

48. Facebook Connect
Wordpress Plugin
Adds a sidebar
widget.
Allows user to login one time via
facebook.
Lists “community”
members.
Allows facebook users to share the
website and specific posts with
friends.
Display the comment they leave
on the site on facebook for
others to see.
39
Thursday, March 12, 2009 39

49. Wordpress
and 3rd party web services
What makes Wordpress work?
How to get Wordpress talking with Facebook Connect
Make Wordpress interface with Twitter
Allow your viewers to share your contents with others
40
Thursday, March 12, 2009 40

50. What is ?
The goal is to answer the question
“What are you doing?”
Microblogging service that
enables users to send and read
other peoples updates or “tweets”
Limited to 140 characters in
length
Tweets can be displayed on
Twitter.com, SMS (text message),
RSS, and 3rd party applications.
41
Thursday, March 12, 2009 41

51. What is ?
The goal is to answer the question
“What are you doing?”
Microblogging service that
enables users to send and read
other peoples updates or “tweets”
Limited to 140 characters in
length
Tweets can be displayed on
Twitter.com, SMS (text message),
RSS, and 3rd party applications.
41
Thursday, March 12, 2009 41

52. What is ?
The goal is to answer the question
“What are you doing?”
Microblogging service that
enables users to send and read
other peoples updates or “tweets”
Limited to 140 characters in
length
Tweets can be displayed on
Twitter.com, SMS (text message),
RSS, and 3rd party applications.
41
Thursday, March 12, 2009 41

53. Make Wordpress “tweet”
when posting a new post.
TwitterTools - Alex King
http://alexking.org/projects/wordpress
TwitMe - Johnny Mast
http://www.phpvrouwen.nl/twitme/
Tweetbacks - Joost de Valk
http://yoast.com/wordpress/tweetbacks/
42
Thursday, March 12, 2009 42

54. TwitterTools - Alex King
Auto tweet on
each posting?
No custom tweet
formating
(without hacking)
Daily twitter
digest post
Twitter sidebar
43
Thursday, March 12, 2009 43

55. TwitMe - Johnny Mast
Custom Twitter
Message using
variables
Exclude
categories from
being tweeted
Notify new
followers
No sidebar widget
44
Thursday, March 12, 2009 44

56. Tweetbacks - Joost de Valk
Searches twitter for
people tweeting
about your website
Filters authors
twitters (great if your
auto tweeting posts)
Can filter out
retweets
Can auto approve
tweets
45
Thursday, March 12, 2009 45

57. Tweetbacks - Joost de Valk
Searches twitter for
people tweeting
about your website
Filters authors
twitters (great if your
auto tweeting posts)
Can filter out
retweets
Can auto approve
tweets
45
Thursday, March 12, 2009 45

58. Tweetbacks - Joost de Valk
Searches twitter for
people tweeting
about your website
Filters authors
twitters (great if your
auto tweeting posts)
Can filter out
retweets
Can auto approve
tweets
45
Thursday, March 12, 2009 45

59. Wordpress
and 3rd party web services
What makes Wordpress work?
How to get Wordpress talking with Facebook Connect
Make Wordpress interface with Twitter
Allow your viewers to share your contents with
others
46
Thursday, March 12, 2009 46

60. Sharing posts with friends
Empower your readers / listeners to share your hard
work with their friends
Draw traffic from places you don’t usually visit yourself
Spend more time creating content then distro’ing it
yourself!
47
Thursday, March 12, 2009 47

61. Sociable - Joost de Valk
Automatically add links
on your posts, pages
and RSS feed to your
favorite social
bookmarking sites
48
Thursday, March 12, 2009 48

62. Sociable - Joost de Valk
Automatically add links
on your posts, pages
and RSS feed to your
favorite social
bookmarking sites
48
Thursday, March 12, 2009 48

63. Sociable - Joost de Valk
Automatically add links
on your posts, pages
and RSS feed to your
favorite social
bookmarking sites
48
Thursday, March 12, 2009 48

64. ShareThis
Automatically add
customized links on
your posts to your
favorite social
bookmarking sites,
post to your own blog
and email to a friend
49
Thursday, March 12, 2009 49

65. ShareThis
Automatically add
customized links on
your posts to your
favorite social
bookmarking sites,
post to your own blog
and email to a friend
49
Thursday, March 12, 2009 49

66. ShareThis
Automatically add
customized links on
your posts to your
favorite social
bookmarking sites,
post to your own blog
and email to a friend
49
Thursday, March 12, 2009 49

67. ShareThis
Automatically add
customized links on
your posts to your
favorite social
bookmarking sites,
post to your own blog
and email to a friend
49
Thursday, March 12, 2009 49

68. Jason Tucker
Twitter: @jasontucker jason@jasontucker.us
Phone: 562-321-5411 http://www.jasontucker.us
50
Thursday, March 12, 2009 50