View
2.963
Download
4
Category
Tags:
Preview:
Citation preview
Wordpressand 3rd party web services
1
On Twitter? Share this event with friends, were streaming live:
http://tinyurl.com/ocplive1Thursday, March 12, 2009
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
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
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
Self Hosted Wordpress.org
Custom Themes
Custom Plugins
Self Managed
Self Maintained
Can be hacked by
spammers
5
5Thursday, March 12, 2009
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
Directory Structure
7
7Thursday, March 12, 2009
Wordpress Theme
8
8Thursday, March 12, 2009
Wordpress Theme Structure
wp-contents/themes
9
9Thursday, March 12, 2009
Wordpress Theme Structure
wp-contents/themes
10
header.php
10Thursday, March 12, 2009
Wordpress Theme Structure
wp-contents/themes
11
footer.php
11Thursday, March 12, 2009
Wordpress Theme Structure
wp-contents/themes
12
sidebar.php
12Thursday, March 12, 2009
Wordpress Theme Structure
wp-contents/themes
13
index.php
13Thursday, March 12, 2009
Wordpress Theme Structure
wp-contents/themes
14
single.php
14Thursday, March 12, 2009
Wordpress Theme Structure
wp-contents/themes
15
page.php
15Thursday, March 12, 2009
Wordpress Theme Structure
wp-contents/themes
16
archive.php
16Thursday, March 12, 2009
Wordpress Theme Structure
wp-contents/themes
17
search.php
17Thursday, March 12, 2009
Wordpress Theme Structure
wp-contents/themes
18
archives.php
18Thursday, March 12, 2009
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
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
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
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
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
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
Facebook Connect
Wordpress Plugin
Download
Install Plugin
Enable Plugin
Configure
25
25Thursday, March 12, 2009
Facebook Connect
Wordpress Plugin
Download
Install Plugin
Enable Plugin
Configure
26
26Thursday, March 12, 2009
Facebook Connect
Wordpress Plugin
Download
Install Plugin
Enable Plugin
Configure
27
27Thursday, March 12, 2009
Facebook Connect
Wordpress Plugin
Download
Install Plugin
Enable Plugin
Configure
28
28Thursday, March 12, 2009
Facebook Connect
Wordpress Plugin
29
29Thursday, March 12, 2009
Facebook Connect
Wordpress Plugin
30
30Thursday, March 12, 2009
Facebook Connect
Wordpress Plugin
31
31Thursday, March 12, 2009
Facebook Connect
Wordpress Plugin
31
31Thursday, March 12, 2009
Facebook Connect
Wordpress Plugin
32
32Thursday, March 12, 2009
Facebook Connect
Wordpress Plugin
32
32Thursday, March 12, 2009
Facebook Connect
Wordpress Plugin
33
33Thursday, March 12, 2009
Facebook Connect
Wordpress Plugin
33
33Thursday, March 12, 2009
Facebook Connect
Wordpress Plugin
33
http://www.yoursite.com
33Thursday, March 12, 2009
Facebook Connect
Wordpress Plugin
Appearance >
Widgets
Add Facebook
Connector Widget
Configure
34
34Thursday, March 12, 2009
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
TwitMe - Johnny Mast
Custom Twitter
Message using
variables
Exclude
categories from
being tweeted
Notify new
followers
No sidebar widget
44
44Thursday, March 12, 2009
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
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
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
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
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
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
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
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
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
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
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
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
Jason Tucker
50
Twitter: @jasontucker
Phone: 562-321-5411
jason@jasontucker.us
http://www.jasontucker.us
50Thursday, March 12, 2009
Recommended