加入推推王的貼文與推文功能

最近推推王真是紅透半邊天,大有凌駕Hemidemi之姿,經過這幾天實際使用後,發現推推王雖然功能眾多,讓人眼花撩亂,不過整個閱讀文章的流程卻是相當的順暢,所以一方面是為了肯定推推王所帶來的便利,另一方面是為了趕流行 :P,我也把推文功能加進部落格裡,修改步驟如下:

1. 與share-this外掛的結合

用編輯器打開share-this.php,找

$social_sites = array(

在其後增加

  'funP' => array(
   'name' => 'funP'
   , 'url' => 'http://funp.com/pages/submit/add.php?title={title}&url={url}&via=tools'
)

然後到官網的這裡挑選你喜愛的貼文貼紙,轉存成funP.gif,例如我用的就是這張
將改好的share-this.php和funP.gif上傳至原來的資料夾覆蓋就完成了!

2. 在單篇文章中顯示推文按鈕

打開theme裡的single.php,找

<h1 id="post-<?php the_ID(); ?>"><?php the_title(); ?></h1>

上面那段語法可能因theme的不同而有變化,主要是找the_title(文章標題),在其後加入

<div style="float: left; margin: 8px 5px -5px">
<script language="JavaScript" src="http://funp.com/tools/button.php?&s=7" type="text/javascript"></script>
</div>

其中div是為了定義靠左(要靠右的話,請把float:left改成float:right),然後文繞圖,margin的三個參數分別是上、左右、下的邊界距離,這部份可依需求自行修改。
完成後將single.php上傳覆蓋即可。

3. 在WordPress首頁中顯示推文按鈕(9/16 update)

打開theme裡的index.php或header.php,找:

<head>........</head>

在中間插入:

<script language="JavaScript" src="http://funp.com/tools/js/funp_button.js"></script>

再開index.php,在你需要按鈕出現的位置加入:

<div style="float: left; margin: 8px 5px -5px">
<script>funp_genButton('<?php the_permalink() ?>', 7);</script>
</div>

將改好的檔案上傳覆蓋,完成收工!

“加入推推王的貼文與推文功能” 有 25 則迴響

發表迴響