作者資訊 小立



手上握有RHCE認證但是個窮鬼
開著Jimny但整天想換TACOMA
騎著MTB流浪於台北巷弄間
拿著舊相機探索自己的風格
登爬大山只為了一種存在感
我! Discover my Life

流量統計系統



線上人數

Twitter 老Co碎碎唸

與我MSN對話

如何在wordpress的頁面中插入HEMiDEMi與funP的推文按鈕

在自己的文章中放入黑米書籤或funP推推王按鈕,來達到與訪客互動的效果,在某種型態上,也算是有follow到web2.0的精神吧....↓

會使用wordpress作為blog的建構基礎的玩家,多半是因為喜愛它強大的第三方外掛模組,用起來方便不說,光是成千上萬的theme可掛載就已經夠high一個眼花撩亂境界,雖然不若免費blog空間這樣輕鬆搞網誌(你什麼都不用作也可以run一個blog site),但100%的自主性可是無可替代的魅力。

所謂自主,老實說就是得自搞,要彰顯自我風格必須自己改php、想要花俏得自己動手改css,其實有時候走火入魔到最後,會發覺豈是一個囧自了得 :sad: ,有時候為了在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-->而進入正文,則他會在看完文章後"順便"見到貼紙,若對方正想推收該篇文章,就可以很方便的順手操作按鈕,如此整個動線看起來順暢的多。

有關HeMiDEMi官方的教學可以看這裡

要貼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顯示出來.....................真瞎。

講完囉~一起來自搞吧 :eek:

你可以延伸閱讀以下文章

Leave a Reply