如何把twitter @anywhere 加入wordpress
- May 2nd, 2010
- Posted in 学以致用
- Tags: Twitter : 技巧
- Write comment
不久以前twitter发布了一个@anywhere platform。只需要几行Javascript代码，就可以把twitter整合入网站。比如在网页里嵌入一个tweet输入框；把twitter的用户名转换为链接（@eahtax），并且在用户名上加一个悬浮框，方便查看用户信息及跟随；还可以加一个“follow @eahtax”的按钮等。下面我们就来看看如何操作吧。
首先注册一个API
点这里
注册完成以后，你会得到一个API Key。
然后在网站里嵌入代码
首先在header.php里的<head>标签之间加入以下代码（ 称为main JavaScript）：
<script src="http://platform.twitter.com/anywhere.js?id=YourAPIKey&v=1" type="text/javascript"></script>
注意把代码里的YourAPIKey改为你自己的API Key.
把Twitter用户名转换为链接
该方法会把所有文章和评论里，以@eahtax格式出现的Twitter用户名转换为链接，指向相应用户的Twitter主页。
在main JavaScript之后加入：
<script type="text/javascript">
twttr.anywhere(onAnywhereLoad);
function onAnywhereLoad(twitter) {
twitter.linkifyUsers();
};
</script>
它会把<body>标签里除了链接，脚本，iframes, text area, <title>标签和按钮以外的Twitter 用户名转换为链接。
悬浮框
把鼠标放在Twitter用户名上方，就会弹出一个悬浮窗口，包含了该用户的一些信息和follow按钮。
在main JavaScript之后加入：
<script type="text/javascript">
twttr.anywhere(onAnywhereLoad);
function onAnywhereLoad(twitter) {
twitter.hovercards();
};
</script>
Follow按钮
在main JavaScript之后加入：
<script type="text/javascript">
twttr.anywhere(onAnywhereLoad);
function onAnywhereLoad(twitter) {
twitter('#follow-eahtax').followButton("eahtax");
};
</script>
然后在你想加入按钮的地方加入以下代码：
<div id="follow-eahtax"></div>
增加一个实时发推窗口
在main JavaScript之后加入：
<script type="text/javascript">
twttr.anywhere(onAnywhereLoad);
function onAnywhereLoad(twitter) {
twitter("#custom-tweetbox").tweetBox({
label: "Live Tweet Box:",
defaultContent: "Everyone should follow @wpbeginner for awesome #WordPress tips",
height: 50,
width: 480,
});
};
</script>
然后在你想加入窗口的地方加入以下代码：
<div id="custom-tweetbox"></div>
虽然市面上有一些插件已经能够实现以上的功能，但是鄙人以外今天介绍的方法最为简单高效。如果大家喜欢本文，那么就开始推吧！
感谢，学会了，很受用~