如何在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檔能不能放在自己的網站用呀?這我也不懂…還是得由專業的來。

Posted in WordPress 網站架設Tagged
注意事項:本站所介紹之軟體、設定或網站服務,經實際安裝測試並通過防毒軟體掃毒。但因為不同電腦環境與軟體設定可能都各有差異,建議您僅在非工作用的電腦安裝、測試,避免因為不可預知的錯誤影響您的工作或電腦運作。從本站下載的軟體由所屬軟體公司提供,本站未經任何修改且無法保證軟體公司可能在新版程式中自行安插廣告程式或其他維護不當等因素而造成損害。在進行任何操作與設定之前,記得先行備份電腦中的重要資料,避免因為未依指示的不當操作或其他疏失造成資料毀損。當您依照本文所提供之訊息執行各種操作,表示您已閱讀此注意事項並同意自行承擔可能之風險與責任。
相關資訊
訪客留言

14 則回應