如何在WordPress每篇文章中,加上HEMiDEMi的「推文按鈕」?

台灣共享書籤社群網站的龍頭HEMiDEMi(黑米)在不久前終於推出了部落格「推文按鈕」的功能,讓我們可以將推文、收文等功能,附掛在自己的BLOG文章中,方便瀏覽網站的人可以直接針對該篇文章進行推薦與收藏等動作。以下簡單介紹一下如何在WordPress網站的單篇文章頁面中,加入黑米推文的按鈕。

目前HemiDemi推出兩款推文按鈕的造型,整體看起來都滿漂亮的,按鈕中有收藏數、推文按鈕、收藏按鈕、討論篇數與黑米書籤的說明頁面等部份,,

一種是長方形的,一種橫條型的,兩種都不錯看,都可以任意取用。

「推文按鈕」樣式:

 

1-2 1-1

 

一、在網站上放黑米推文按鈕的好處:

 

1.給網友一個發洩支持慾望的工具。(還好沒有埋的按鈕…抖~~)
2.增加自己網站在黑米的推文數與曝光度。
3.增加黑米網站本身的曝光度與會員數…

 

基本上,如果黑米網站的流量夠大、人氣夠大的話,放這個工具對於自己的網站或BLOG來說,會很有幫助,引來的流量與網友的關注會比單純的收藏按鈕好很多。此外,當推文按鈕中的「數字」越大的話,該篇文章可能對黑米的使用者來說,顯得比較重要或受歡迎,當然也有助於經營部落格的人了解該篇文章的各種反應與回饋。

當然,現在的問題還是黑米的會員數還是不夠大,使用者階層還是不夠廣,所以某篇文章的整體推文效果看起來還是會有點侷限。不過這也沒關係,如果願意使用推文按鈕的人更多,把這個黑米大餅做更大,到時後文章被推上天的時候,也許真的會有「黑米效應」產生也說不定,只是到時候要準備更強大的主機與頻寬,來應付黑米效應操爆主機的那一擊!呵~

不過也許哪天台灣Yahoo!奇摩終於想通時,也把他們的書籤網站做得很黑米的話,也跟著推出這種推文按鈕的話,那我一定馬上又轉檯過去了,因為Yahoo效應顯得更大點吧?而且會員數比較多,推起來更方便。曾經看部落格觀察中的一些「爆量」文章,竟然有那種單篇文章一天10萬人次點擊的驚人數字,也許就是被放到Yahoo!部落格首頁去的文章吧,一篇文章一天有10萬人看過,真是驚人的數字呀!台灣的「民間」部落格天后彎彎,一篇文章一天頂多也才兩萬多的點擊數,如果彎彎的部落格是放在Yahoo!奇摩,那這個數字應該會更驚人些吧?(對了,彎彎是平民天后,至於吳尊、蔡依林那些就不算平民了,藝人明星一向都會有很誇張的點閱數)

 

二、「黑米推文按鈕」的語法:

以下介紹一下如何將黑米推文按鈕放到WordPress網站的單篇文章版面中,其他BSP的方法也有很多人寫了,請在參考下面的網址。嵌入到WordPress中的語法:

長方型:

<script src="http://js.hemidemi.com/javascripts/hemidemi_bookmark_button.js"
type="text/javascript"></script>

 

橫條型:

<script type="text/javascript">
HEMiDEMi_Bookmark_Button_Style = ‘button1’;
</script>
<script src="http://js.hemidemi.com/javascripts/hemidemi_bookmark_button.js"
type="text/javascript"></script>

 

一般來說,選擇哪一種樣式都可以,另外葛力也提供了調整各種變數的方法,喜歡自己調整的,可以按照下面範例稍稍改一下。範例如下:

<script type="text/javascript">
HEMiDEMi_Bookmark_Button_URL = ‘http:/www.hemidemi.com’;
HEMiDEMi_Bookmark_Button_Title = ‘HEMiDEMi’;
HEMiDEMi_Bookmark_Button_Style = ‘button1’;
HEMiDEMi_Bookmark_Button_BGColor = ‘white’;
HEMiDEMi_Bookmark_Button_Width = 50;
HEMiDEMi_Bookmark_Button_Height = 92;
</script>
<script src="http://js.hemidemi.com/javascripts/hemidemi_bookmark_button.js"
type="text/javascript"></script>

範例說明:

HEMiDEMi_Bookmark_Button_URL => 小按鈕會自動抓取網址,但是您也可以自行指定。
HEMiDEMi_Bookmark_Button_Title => 小按鈕會自動抓取標題,但是您也可以自行指定。
HEMiDEMi_Bookmark_Button_Style => 目前支援 ‘button’ 和 ‘button1′ 兩種
HEMiDEMi_Bookmark_Button_BGColor => 背景顏色,例如:’white’ ‘#99cc00′
HEMiDEMi_Bookmark_Button_Width => 按鈕組寬度,例如: 100
HEMiDEMi_Bookmark_Button_Height => 按鈕組高度,例如:50

 

三、將「黑米推文按鈕」加入WordPress的方法:

下面的方法適用於WordPress常見的佈景主題樣式,如果你想把推文按鈕放在單篇文章的頁面中,那就是修改「\wp-content\themes\default」資料夾中的「single.php」檔案即可。路徑中的「default」是預設的佈景主題,如果你的佈景主題名稱不同,請切換到目前你正在使用的佈景主題名稱去。

另外,如果你也想把推文按鈕放到首頁每篇文章的頁面中,那就得修改「index.php」這個檔案,不過還是建議放在「single.php」版面中,這樣看起來比較不會太亂,也比較有整體性。

 

第1步  首先開啟「\wp-content\themes\default」資料夾,在「single.php」檔案上按一下滑鼠右鍵,並使用記事本或其他你慣用的純文字編輯器開啟該檔案。

1-3

 

第2步  接著搜尋「<div class=”entry”>」這幾個字,「<div class=”entry”>」下方便是單篇文章的內文,「<?php the_content…」這邊是內文的文字內容,上面的「<h2><a href=”<?php echo get_permalink() ?>」則是該篇文章的標題。

1-4

 

第3步  依照個人的需求與喜好,我們可以將黑米推文按鈕放在標題與內文的中間,並透過「style=’float:left;’」等語法,將這個推文按鈕以文繞圖的方式靠左邊放,這樣看起來就很像那種Digg網站的推文樣式,看起來很有鼓勵人去推的感覺。

程式碼:

<script type="text/javascript">
HEMiDEMi_Bookmark_Button_URL = ‘<?php the_permalink() ?>’;
HEMiDEMi_Bookmark_Button_Title = ‘<?php the_title(); ?>’;
</script>

<div style=’float:left;margin:0;padding:0;’>
<script src="http://js.hemidemi.com/javascripts/hemidemi_bookmark_button.js"
type="text/javascript"></script>
</div>

1-5

 

第4步  如圖,將程式碼放上去之後,我們就可以看到文章左上角出現了一個推文的按鈕囉,看起來還挺不賴的。只是,要推文時還是得加入黑米會員並登入HemiDemi網站,萬一很多使用者沒用過或搞不懂的話,還是得花時間跟不熟悉的人解釋,這也是沒辦法的事。

1-6

 

不過有另外一點要考慮的,因為這個JavaScript是連到HemiDemi網站中的「hemidemi_bookmark_button.js」檔案去,我猜黑米應該、也許、大概、可能不會像之前那個BloggerAds(或部落格觀察)一樣,「自動」把網站的全部流量訊息露出的這麼完整,連哪篇文章多少人點閱的資訊都有。不過黑米應該也沒必要做這事情,只是如果你的是商業網站,在放類似BloggerAds的程式碼時,就得多一層考量囉。因為流量完整被揭露出來的話,不利於幫自己的網站流量灌水個幾倍拿去呼嚨廣告主或合作廠商,所以…。不知道這JS檔能不能放在自己的網站用呀?這我也不懂…還是得由專業的來。

最後更新:11-03, 2013 下午 11:23

TAG:

Author: 不來恩

briiancom@gmail.com

相關資訊

訪客留言:

14 Replies to “如何在WordPress每篇文章中,加上HEMiDEMi的「推文按鈕」?”

  1. 謝謝站長大大的教學文章,不好意思我想請問一下,有沒有將udn書籤按鈕加到 google blog 範本裡的教學呢? 按鈕的樣式,就如我的blog http://weboss001.blogspot.com/ 哪樣 (部落格中punp和黑米的按鈕 我已經加到google blog 範本裡了,但udn書籤按鈕 我是在每篇文章中加上去的 ) 謝謝站長

  2. 謝謝狂人的用心,但我有一個小小的問題…..
    目前我使用wrodpress2.7rc1版本

    HEMiDEMi_Bookmark_Button_URL = ”;
    HEMiDEMi_Bookmark_Button_Title = ”;

    程式碼如上,但按下黑米收藏按鈕時,小按鈕會卻不會自動抓取標題,是否哪出了問題??

  3. 謝謝狂人,不過怎樣才能有你的文章底下的那整排加入書籤的語法呢?
    別人給我的語法是否不能先存在Doc檔?不然會被Doc檔的語法干擾呢?

    謝謝

  4. 兩個推文鈕一起擺的話會有個問題,網友會不知道現在是在幹嘛…. 最好是推推王或黑米其中一個趕快變很大很大,這樣就選那一個就好…這樣推起來才會很有成就感~呵~~~

  5. 哈哈…
    我是走蕭敬騰路線 ^^”
    不過,不來恩這邊持續有教學文啊~ 還是文字型啦~

    對了~Funp推推王也有推文鈕喔~但是總覺得這兩個推文鈕很難同時擺在一起 @@”

  6. 文字型的高人氣部落格…

    我打算走楊宗緯路線… 已經開始在錄「新不了情」跟「聽說愛情回來過」了… 呵呵…..

發佈回覆給「訪客」的留言 取消回覆

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *