为wordpress网站添加微博关注按钮

      微博关注按钮可以部署在任何支持html的网页,用户在这些网页点击关注按钮,就可以快速成为你的微博粉丝; 关注按钮会自动判断与用户的关系,对于已关注用户,将显示其微博动态。让关注网站的读者可以关注博主的微博,可以和博主更好更快的交流。

      使用新浪微博账号登陆新浪微博开放平台,访问http://open.weibo.com/widget/followbutton.php,按照如下图例填写信息,获取代码集成到我们网站的主题即可。接下来我会讲述将代码集成到主题中的方法,希望可以帮助到和我一样的wordpress菜鸟。

添加微博关注按钮

1.在HTML标签中增加XML命名空间

      在wordpress后台的侧边栏找到“外观–>编辑”,此时进入编辑主题的页面,找到header.php,将上图中第1步的代码添加在<!DOCTYPE html>的后面即可。

2.在HEAD头重引入WB.JS

      与第一步中一样,在header.php中,将上图中第2步的代码添加在<head>之后即可。

3.在需要部署微博关注按钮的位置粘贴WBML代码

      例如目前小站将关注按钮放置在网站LOGO的下方,我将代码放在处理LOGO代码的后面。

      网络上比较流行的一种做法是通过wordpress主题自带的“小工具”中的“文本”来实现:将上图中第三步的代码粘贴在“文本”的内容中并保存,然后可以拖动文本放置在侧边栏中的任意位置。

      本站最初就是采样“文本”的方式实现的,之前一直放置在搜索栏的上方,从某一天开始,突然不显示了,而在此期间,wordpress升级过一次。不显示的原因是网页中的代码与我在文本框中贴的代码不一致,至于代码为何会不一致,原因暂不明确。

文本实现微博关注按钮

发表评论

电子邮件地址不会被公开。 必填项已用*标注

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Fork me on GitHub