本文以添加微博关注按钮到wordpress为例，详细介绍如何在wordpress上添加微博组件。同时，也介绍功能更强大的微博秀。

1. 配置微博组件样式

2. 部署代码

这看上去有点懵，实际上是对wordpress主题下的header.php(文件路径为wordpress/wp-content/themes/f2/header.php)进行如下操作，详情见后面。

打开wordpress主题下的header.php(文件路径为wordpress/wp-content/themes/f2/header.php)，将如下代码加到<html>里：

<html xmlns:wb=”http://open.weibo.com/wb”>

同理，在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>

进入到wordpress的仪表盘——>外观——>小工具，添加文本小工具，将如下代码添加到框中：(注：用户id得根据自己设置)

<wb:follow-button uid=”********” type=”red_3″ width=”100%” height=”24″ ></wb:follow-button>

重新刷新主页，效果图如下(如果没看到效果，那是因为浏览器缓存的原因，换个浏览器试试)：

我本意是想在网站的右侧显示微博动态，如下图所示。上述的微博组件没法实现这个目的，后面找到了微博秀恰好实现了这功能。操作比添加微博组件简单许多，只需配置好，将代码添加到文本小工具即可。

赞赏

微信赞赏支付宝赞赏