在WordPress中添加Google +1按钮

2011-06-25 23:03:39来源:气吞寰宇作者:

前几天google正式发布了+1按钮,功能与Facebook的Like一样,但是大家懂的。下面谈如何在WordPress文章后添加google +1按钮。

前几天google正式发布了+1按钮,功能与Facebook的Like一样,但是大家懂的。下面谈如何在WordPress文章后添加google +1按钮。

1)要在页面的head或者body中添加相关的js文件链接。具体而言,进入wordpress的控制面板->外观->编辑->header.php,在</head>标签之前加上
<script src="http://apis.google.com/js/plusone.js" type="text/javascript"/>

2)在文章之后或评论之前添加+1按钮。我选择的是在文章的X条评论之前添加+1按钮,于是编辑文件single(文章页面),在<p>Posted <!– by <?php the_author() ?> –> in <?php the_category(‘, ‘) ?></p>  之后加上一句
<g:plusone></g:plusone>

3)调整+1按钮的样式。编辑style.css文件,在最后加上
#content .meta .bg div {
   float: right !important;
   margin-top: -25px !important;
}

说明:如果想在文章的其它位置放+1按钮,请找到相应的位置复制2)中的代码。按钮的大小也可以调整,可改为<g:plusone size=”small”></g:plusone>以此类推。按钮的样式3)中的代码也应根据具体情况调整。关于+1按钮请参看谷歌官方的说明http://www.google.com/webmasters/+1/button/

原文地址:http://playground.lshai.com/blog/archives/1308

关键词:WordPressGoogle+1

赞助商链接: