2015年12月27日
为wordpress网站添加微博关注按钮
微博关注按钮可以部署在任何支持html的网页，用户在这些网页点击关注按钮，就可以快速成为你的微博粉丝; 关注按钮会自动判断与用户的关系，对于已关注用户，将显示其微博动态。让关注网站的读者可以关注博主的微博，可以和博主更好更快的交流。
使用新浪微博账号登陆新浪微博开放平台，访问http://open.weibo.com/widget/followbutton.php，按照如下图例填写信息，获取代码集成到我们网站的主题即可。接下来我会讲述将代码集成到主题中的方法，希望可以帮助到和我一样的wordpress菜鸟。
.png)
1.在HTML标签中增加XML命名空间
在wordpress后台的侧边栏找到“外观–>编辑”，此时进入编辑主题的页面，找到header.php，将上图中第1步的代码添加在<!DOCTYPE html>的后面即可。
|
1 2 |
<!DOCTYPE html> <html xmlns:wb="http://open.weibo.com/wb"> |
2.在HEAD头重引入WB.JS
与第一步中一样，在header.php中，将上图中第2步的代码添加在<head>之后即可。
|
1 2 3 4 5 6 7 8 9 10 |
<!DOCTYPE html> <html xmlns:wb="http://open.weibo.com/wb"> <?php $options = get_option('ribbon'); ?> <html class="no-js" <?php language_attributes(); ?>> <head> <script src="http://tjs.sjs.sinajs.cn/open/api/js/wb.js" type="text/javascript" charset="utf-8"></script> |
3.在需要部署微博关注按钮的位置粘贴WBML代码
例如目前小站将关注按钮放置在网站LOGO的下方，我将代码放在处理LOGO代码的后面。
网络上比较流行的一种做法是通过wordpress主题自带的“小工具”中的“文本”来实现：将上图中第三步的代码粘贴在“文本”的内容中并保存，然后可以拖动文本放置在侧边栏中的任意位置。
本站最初就是采样“文本”的方式实现的，之前一直放置在搜索栏的上方，从某一天开始，突然不显示了，而在此期间，wordpress升级过一次。不显示的原因是网页中的代码与我在文本框中贴的代码不一致，至于代码为何会不一致，原因暂不明确。
.png)
