本文以添加微博关注按钮到wordpress为例,详细介绍如何在wordpress上添加微博组件。同时,也介绍功能更强大的微博秀。
1. 配置微博组件样式
打开新浪微博开放平台的微博组件,以关注按钮为例,如下:
2. 部署代码
这看上去有点懵,实际上是对wordpress主题下的header.php(文件路径为wordpress/wp-content/themes/f2/header.php)进行如下操作,详情见后面。
2.1 在HTML标签中增加XML命名空间
打开wordpress主题下的header.php(文件路径为wordpress/wp-content/themes/f2/header.php),将如下代码加到<html>里:
<html xmlns:wb=”http://open.weibo.com/wb”>
2.2 在HEAD头中引入WB.JS
同理,在wordpress主题下的header.php(文件路径为wordpress/wp-content/themes/f2/header.php),将如下代码加到<head>…</head>之间:(注:也可以加在footer.php的<body></body>之间)
<script src=”http://tjs.sjs.sinajs.cn/open/api/js/wb.js” type=”text/javascript” charset=”utf-8″></script>
2.3 粘贴WBML代码
进入到wordpress的仪表盘——>外观——>小工具,添加文本小工具,将如下代码添加到框中:(注:用户id得根据自己设置)
<wb:follow-button uid=”********” type=”red_3″ width=”100%” height=”24″ ></wb:follow-button>
重新刷新主页,效果图如下(如果没看到效果,那是因为浏览器缓存的原因,换个浏览器试试):
3. 微博秀
我本意是想在网站的右侧显示微博动态,如下图所示。上述的微博组件没法实现这个目的,后面找到了微博秀恰好实现了这功能。操作比添加微博组件简单许多,只需配置好,将代码添加到文本小工具即可。
赞赏微信赞赏
支付宝赞赏
谢谢分享