Jason Tucker Wordpress 3rd Party Web Services

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

Transcript of Jason Tucker Wordpress 3rd Party Web Services

Page 1: Jason Tucker Wordpress 3rd Party Web Services

Wordpressand 3rd party web services

1

On Twitter? Share this event with friends, were streaming live:

http://tinyurl.com/ocplive1Thursday, March 12, 2009

Page 2: Jason Tucker Wordpress 3rd Party Web Services

Wordpressand 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

2Thursday, March 12, 2009

Page 3: Jason Tucker Wordpress 3rd Party Web Services

What is Wordpress?

Open source publishing platform

Comes in 2 flavors

Wordpress.com - Hosted for you

Wordpress.org - Self hosted

3

3Thursday, March 12, 2009

Page 4: Jason Tucker Wordpress 3rd Party Web Services

Hosted Wordpress.com

No Custom Themes

No Custom Plugins

Professionally

Managed

Self Maintained

Less likely to be

hacked by

spammers.

4

4Thursday, March 12, 2009

Page 5: Jason Tucker Wordpress 3rd Party Web Services

Self Hosted Wordpress.org

Custom Themes

Custom Plugins

Self Managed

Self Maintained

Can be hacked by

spammers

5

5Thursday, March 12, 2009

Page 6: Jason Tucker Wordpress 3rd Party Web Services

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

6Thursday, March 12, 2009

Page 7: Jason Tucker Wordpress 3rd Party Web Services

Directory Structure

7

7Thursday, March 12, 2009

Page 8: Jason Tucker Wordpress 3rd Party Web Services

Wordpress Theme

8

8Thursday, March 12, 2009

Page 9: Jason Tucker Wordpress 3rd Party Web Services

Wordpress Theme Structure

wp-contents/themes

9

9Thursday, March 12, 2009

Page 10: Jason Tucker Wordpress 3rd Party Web Services

Wordpress Theme Structure

wp-contents/themes

10

header.php

10Thursday, March 12, 2009

Page 11: Jason Tucker Wordpress 3rd Party Web Services

Wordpress Theme Structure

wp-contents/themes

11

footer.php

11Thursday, March 12, 2009

Page 12: Jason Tucker Wordpress 3rd Party Web Services

Wordpress Theme Structure

wp-contents/themes

12

sidebar.php

12Thursday, March 12, 2009

Page 13: Jason Tucker Wordpress 3rd Party Web Services

Wordpress Theme Structure

wp-contents/themes

13

index.php

13Thursday, March 12, 2009

Page 14: Jason Tucker Wordpress 3rd Party Web Services

Wordpress Theme Structure

wp-contents/themes

14

single.php

14Thursday, March 12, 2009

Page 15: Jason Tucker Wordpress 3rd Party Web Services

Wordpress Theme Structure

wp-contents/themes

15

page.php

15Thursday, March 12, 2009

Page 16: Jason Tucker Wordpress 3rd Party Web Services

Wordpress Theme Structure

wp-contents/themes

16

archive.php

16Thursday, March 12, 2009

Page 17: Jason Tucker Wordpress 3rd Party Web Services

Wordpress Theme Structure

wp-contents/themes

17

search.php

17Thursday, March 12, 2009

Page 18: Jason Tucker Wordpress 3rd Party Web Services

Wordpress Theme Structure

wp-contents/themes

18

archives.php

18Thursday, March 12, 2009

Page 19: Jason Tucker Wordpress 3rd Party Web Services

Wordpressand 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

19Thursday, March 12, 2009

Page 20: Jason Tucker Wordpress 3rd Party Web Services

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

20Thursday, March 12, 2009

Page 21: Jason Tucker Wordpress 3rd Party Web Services

Facebook Connect

Wordpress PluginWordpress 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

21Thursday, March 12, 2009

Page 22: Jason Tucker Wordpress 3rd Party Web Services

Facebook Connect

Wordpress PluginThey 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

22Thursday, March 12, 2009

Page 23: Jason Tucker Wordpress 3rd Party Web Services

Installation and Prep

Edit header.php and add in the facebook specific

xmlns to the <html> tag.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0

Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/

xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"

xmlns:fb="http://www.facebook.com/2008/fbml">

23

23Thursday, March 12, 2009

Page 24: Jason Tucker Wordpress 3rd Party Web Services

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

24Thursday, March 12, 2009

Page 25: Jason Tucker Wordpress 3rd Party Web Services

Facebook Connect

Wordpress Plugin

Download

Install Plugin

Enable Plugin

Configure

25

25Thursday, March 12, 2009

Page 26: Jason Tucker Wordpress 3rd Party Web Services

Facebook Connect

Wordpress Plugin

Download

Install Plugin

Enable Plugin

Configure

26

26Thursday, March 12, 2009

Page 27: Jason Tucker Wordpress 3rd Party Web Services

Facebook Connect

Wordpress Plugin

Download

Install Plugin

Enable Plugin

Configure

27

27Thursday, March 12, 2009

Page 28: Jason Tucker Wordpress 3rd Party Web Services

Facebook Connect

Wordpress Plugin

Download

Install Plugin

Enable Plugin

Configure

28

28Thursday, March 12, 2009

Page 29: Jason Tucker Wordpress 3rd Party Web Services

Facebook Connect

Wordpress Plugin

29

29Thursday, March 12, 2009

Page 30: Jason Tucker Wordpress 3rd Party Web Services

Facebook Connect

Wordpress Plugin

30

30Thursday, March 12, 2009

Page 31: Jason Tucker Wordpress 3rd Party Web Services

Facebook Connect

Wordpress Plugin

31

31Thursday, March 12, 2009

Page 32: Jason Tucker Wordpress 3rd Party Web Services

Facebook Connect

Wordpress Plugin

31

31Thursday, March 12, 2009

Page 33: Jason Tucker Wordpress 3rd Party Web Services

Facebook Connect

Wordpress Plugin

32

32Thursday, March 12, 2009

Page 34: Jason Tucker Wordpress 3rd Party Web Services

Facebook Connect

Wordpress Plugin

32

32Thursday, March 12, 2009

Page 35: Jason Tucker Wordpress 3rd Party Web Services

Facebook Connect

Wordpress Plugin

33

33Thursday, March 12, 2009

Page 36: Jason Tucker Wordpress 3rd Party Web Services

Facebook Connect

Wordpress Plugin

33

33Thursday, March 12, 2009

Page 37: Jason Tucker Wordpress 3rd Party Web Services

Facebook Connect

Wordpress Plugin

33

http://www.yoursite.com

33Thursday, March 12, 2009

Page 38: Jason Tucker Wordpress 3rd Party Web Services

Facebook Connect

Wordpress Plugin

Appearance >

Widgets

Add Facebook

Connector Widget

Configure

34

34Thursday, March 12, 2009

Page 39: Jason Tucker Wordpress 3rd Party Web Services

Facebook Connect

Wordpress PluginAdds 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

35Thursday, March 12, 2009

Page 40: Jason Tucker Wordpress 3rd Party Web Services

Facebook Connect

Wordpress PluginAdds 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

36Thursday, March 12, 2009

Page 41: Jason Tucker Wordpress 3rd Party Web Services

Facebook Connect

Wordpress PluginAdds 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

37Thursday, March 12, 2009

Page 42: Jason Tucker Wordpress 3rd Party Web Services

Facebook Connect

Wordpress PluginAdds 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

38Thursday, March 12, 2009

Page 43: Jason Tucker Wordpress 3rd Party Web Services

Facebook Connect

Wordpress PluginAdds 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

38Thursday, March 12, 2009

Page 44: Jason Tucker Wordpress 3rd Party Web Services

Facebook Connect

Wordpress PluginAdds 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

38Thursday, March 12, 2009

Page 45: Jason Tucker Wordpress 3rd Party Web Services

Facebook Connect

Wordpress PluginAdds 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

39Thursday, March 12, 2009

Page 46: Jason Tucker Wordpress 3rd Party Web Services

Facebook Connect

Wordpress PluginAdds 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

39Thursday, March 12, 2009

Page 47: Jason Tucker Wordpress 3rd Party Web Services

Facebook Connect

Wordpress PluginAdds 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

39Thursday, March 12, 2009

Page 48: Jason Tucker Wordpress 3rd Party Web Services

Facebook Connect

Wordpress PluginAdds 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

39Thursday, March 12, 2009

Page 49: Jason Tucker Wordpress 3rd Party Web Services

Wordpressand 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

40Thursday, March 12, 2009

Page 50: Jason Tucker Wordpress 3rd Party Web Services

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

41Thursday, March 12, 2009

Page 51: Jason Tucker Wordpress 3rd Party Web Services

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

41Thursday, March 12, 2009

Page 52: Jason Tucker Wordpress 3rd Party Web Services

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

41Thursday, March 12, 2009

Page 53: Jason Tucker Wordpress 3rd Party Web Services

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

42Thursday, March 12, 2009

Page 54: Jason Tucker Wordpress 3rd Party Web Services

TwitterTools - Alex King

Auto tweet on

each posting?

No custom tweet

formating

(without hacking)

Daily twitter

digest post

Twitter sidebar

43

43Thursday, March 12, 2009

Page 55: Jason Tucker Wordpress 3rd Party Web Services

TwitMe - Johnny Mast

Custom Twitter

Message using

variables

Exclude

categories from

being tweeted

Notify new

followers

No sidebar widget

44

44Thursday, March 12, 2009

Page 56: Jason Tucker Wordpress 3rd Party Web Services

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

45Thursday, March 12, 2009

Page 57: Jason Tucker Wordpress 3rd Party Web Services

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

45Thursday, March 12, 2009

Page 58: Jason Tucker Wordpress 3rd Party Web Services

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

45Thursday, March 12, 2009

Page 59: Jason Tucker Wordpress 3rd Party Web Services

Wordpressand 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

46Thursday, March 12, 2009

Page 60: Jason Tucker Wordpress 3rd Party Web Services

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

47Thursday, March 12, 2009

Page 61: Jason Tucker Wordpress 3rd Party Web Services

Sociable - Joost de Valk

Automatically add links

on your posts, pages

and RSS feed to your

favorite social

bookmarking sites

48

48Thursday, March 12, 2009

Page 62: Jason Tucker Wordpress 3rd Party Web Services

Sociable - Joost de Valk

Automatically add links

on your posts, pages

and RSS feed to your

favorite social

bookmarking sites

48

48Thursday, March 12, 2009

Page 63: Jason Tucker Wordpress 3rd Party Web Services

Sociable - Joost de Valk

Automatically add links

on your posts, pages

and RSS feed to your

favorite social

bookmarking sites

48

48Thursday, March 12, 2009

Page 64: Jason Tucker Wordpress 3rd Party Web Services

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

49Thursday, March 12, 2009

Page 65: Jason Tucker Wordpress 3rd Party Web Services

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

49Thursday, March 12, 2009

Page 66: Jason Tucker Wordpress 3rd Party Web Services

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

49Thursday, March 12, 2009

Page 67: Jason Tucker Wordpress 3rd Party Web Services

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

49Thursday, March 12, 2009

Page 68: Jason Tucker Wordpress 3rd Party Web Services

Jason Tucker

50

Twitter: @jasontucker

Phone: 562-321-5411

[email protected]

http://www.jasontucker.us

50Thursday, March 12, 2009