在WordPress中添加Google +1按鈕

2011-06-25 23:03:39來源:氣吞寰宇作者:

前幾天google正式發(fā)布了+1按鈕,功能與Facebook的Like一樣,但是大家懂的。下面談如何在WordPress文章后添加google +1按鈕。

前幾天google正式發(fā)布了+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

贊助商鏈接: