在wordpress上添加微博组件(以关注按钮为例)

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

1. 配置微博组件样式

打开新浪微博开放平台的微博组件,以关注按钮为例,如下:

image

2. 部署代码

image

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

image

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>

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

image

3. 微博秀

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

image

发表评论

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

One thought on “在wordpress上添加微博组件(以关注按钮为例)