如何在wordpress的頁面中插入HEMiDEMi與funP的推文按鈕
在自己的文章中放入黑米書籤或funP推推王按鈕,來達到與訪客互動的效果,在某種型態上,也算是有follow到web2.0的精神吧....↓
會使用wordpress作為blog的建構基礎的玩家,多半是因為喜愛它強大的第三方外掛模組,用起來方便不說,光是成千上萬的theme可掛載就已經夠high一個眼花撩亂境界,雖然不若免費blog空間這樣輕鬆搞網誌(你什麼都不用作也可以run一個blog site),但100%的自主性可是無可替代的魅力。
所謂自主,老實說就是得自搞,要彰顯自我風格必須自己改php、想要花俏得自己動手改css,其實有時候走火入魔到最後,會發覺豈是一個囧自了得
,有時候為了在php裡塞段函式,反覆弄個老半天還不得要領,哈哈~ 想起來也是件頗有意思的事情,廢話了一堆,還是講點正經的吧,到底要怎麼在你的wp上塞入HeMiDEMi與funP的推文按鈕,以下是整合說明。
要貼HeMiDEMi小按鈕的看過來!
1. 首先要認識一下黑米所提供的兩種推文按鈕樣式。

直條型
直接把以下這段語法貼到你的網站或部落格即可
《但是您的網站必須支援javascript》
<script src="http://js.hemidemi.com/javascripts/hemidemi_bookmark_button.js" type="text/javascript"></script>

橫條型
同樣網站要支援 javascript
<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>
2. 請把上述任一種javascript語法貼到你佈置主題中的single.php,路徑為
\wp-content\themes\你的佈置主題資料匣。
3. 打開single.php,找到適合的地方插入
所謂適合的地方建議是在<div class="entrytext">的下一行
或是<?php the_content('<p class="serif">Read the...........的下一行。
《備註》
| <div class="entrytext">是你的文章標題 有些theme會是標記成<div class="entry">,反正是一樣的意思 放在這裡的下一行,你的貼紙就等於會出現在內文的最上方。 放在這裡有個小缺點,由於在<!--more-->之前的正文被視為"摘要",因此若點閱者是是透過<!--more-->按鈕進入內文,則在合理的情況下並不容易看見藏在摘要上方的按鈕。 |
| 而<?php the_content('<p class="serif">Read the........... 則是你的文章內文,若放在這裡的下一行,貼紙就等於出現在文章之末,放在這有個好處,若文章點閱者是按下首頁裡的<!--more-->而進入正文,則他會在看完文章後"順便"見到貼紙,若對方正想推收該篇文章,就可以很方便的順手操作按鈕,如此整個動線看起來順暢的多。 |
要貼funP推推王 推文按鈕的看過來!
1. 首先要說明的是,funP所提供的按鈕比較雜,並不像黑米按鈕可以整合"收推"
這點就讓人感覺有點囉唆,同時也容易造成blog視覺更加混亂,以下以"推按鈕"貼紙為範例。
2. 連到這裡取得語法。
3. 選擇自己喜歡的樣式。
4. 《輸入相關資訊》這裡不建議輸入。
5. 點選《一頁中有一個按鈕》
6. 複製產生的javascript語法,貼到single.php裡面一樣的位置
《備註》
| 你可以在HeMiDEMi小按鈕的javascript後面緊跟著funP推推王的語法,如此一來將兩大書籤網站的貼紙放在一起比較方便,若嫌兩種貼紙林的太近,也可以在兩個javascript之間空個幾格或空一行。 |
7. 完成。
《後記》
回到之前談過有關<!--more-->的話題,當我裝了按鈕貼紙幾天之後發現了一個HeMiDEMi的大問題,由於wp所定義出來的文章正文網址,是根據點閱者是點選首頁文章標題或點選首頁文章<!--more-->按鈕來決定文章網址的變數
例如點首頁標題之後打開來的網頁會是http://....../?p=135
同樣一篇文章若點選<!--more-->按鈕
打開來的網址則為http://....../?p=135#more-135
但這樣問題來了,由於HeMiDEMi按鈕沒這麼聰明,也因此若文章被收入黑米書籤的網址是http://....../?p=135,則被收推的紀錄並不會在http://....../?p=135#more-135顯示出來.....................真瞎。
講完囉~一起來自搞吧








最近的迴響