AddThis推文按鈕及語法教學

目前各大Blog服務提供商及新聞網站都提供簡易的文章轉貼服務,你可以將自己的文章或者是提供轉貼的新聞(註:著作權法有規定,為了傳達資訊而轉貼新聞不算不算違法,目前部分的新聞業者也鼓勵你轉貼新聞),目前已經有了轉貼文章的機制,但各位如果也想自己弄個轉貼貼紙該怎麼做呢?

目前已經有部分的網站提供這種轉貼服務給自己架設網站的人使用,現在我們就介紹這個網站服務,如果你是使用Wordpress架設Blog的朋友,我要順便教大家語法放哪裡,你的每篇文章才會出現轉推文章的按鈕及語法

申請AddThis推文按鈕


1. 進入AddThis網站

addthis 1

我們先進入AddThis這個網站,一進入這個網站就有選項讓我選擇網站及按鈕型式了,我建議各位選擇Website這選項,它會產生語法給你,如果你選擇使用WordPress選項,它會直接叫你你安裝套件,但我實驗過的結果顯示,這套件可能會影響佈景,可能會讓側邊欄位往下移動,到時候再改佈景可能會有點麻煩,因此建議大家選擇Websits

選好之後請記得按下Get Your Button取得按鈕語法


2. 複製按鈕語法

addthis 2

進到這一頁,常安裝Blog工具的人應該知道要做什麼了,複製語法存到txt檔,不過這語法不只是HTML可以使用,如果你也使用Wordpress架站的話,也可以將此語法貼到佈景的php檔裡面,這也是下個章節該講的部分

張貼此語法到Wordpress,讓每篇文章都有推文貼紙


接下來各位一定會問,這語法該貼在哪裡?如果我將這個貼紙貼到Wordpress的自由欄位上,你可能只能轉貼這個網站而不能指定文章轉貼,那怎麼辦呢?如果你的網站是透過Wordpress或其他類似的價戰工具架設的網站,那你可以修改佈景檔,但這方法不是用於使用部落格服務提供商的使用者,這點請大家注意一下

我們接下來將以Wordpress為例,告訴大家這段語法貼到哪裡可以讓貼紙對應到每篇文章,如果成功之後會出現哪個效果,那我們就繼續介紹下去了,然後說明一下,放置地點是參考重灌狂人的文章,比對檔案位置之後得到的結論


1. 找出佈景檔案

通常Wordpress的網頁介面不像各位所想的單純使用HTML或CSS檔,因為Blog的留言或其他的功能可能會牽扯到伺服器,所以光靠HTML檔不太夠,所以這種檔案通常會以php、Asp或其他可以影響伺服器如何運作的程式檔案儲存起來,像接下來的佈景檔就是個例子

以Wordpress來說,佈景被放在一個資料夾下,資料夾裡有php、CSS、js(javascript)等檔案格式,每個檔案都有不同的功能,我們這次需要修改php的程式,讓這套件可以出現在每篇文章中,一般來說這種檔案的目錄位置通常會放在以下目錄

網站根目錄/wp-content/themes/樣板名稱/single.php


上面這個檔案關係到網站的每篇文章,你修改這個檔案就等於修改單篇文章的樣式設定,就跟修改CSS會影響網頁的排版一樣,我們接下來要用程式去修改其中的語法


2. 開啟佈景檔並將推文貼紙貼到指定地點

第一步指定的檔案建議先從主機上下載下來,然後利用Notepad++修改以上檔案,這是修改網站語法的程式,我推薦使用Notepad++,前幾篇文章有介紹過,它會像一般寫程式用的SDK軟體一樣用顏色標示各種程式碼,你可以修改CSS及php等檔案,且功能比記事本還強大,也支援Unicode,因此推薦給大家

addthis 3

然後如上面所示,通常標題的名稱會顯示title,前後兩邊用h1包者,你可以搜尋the_title或title,這一段被我用滑鼠標起來了,如果沒看清楚可以點選圖片直接進入Flickr頁面看原始圖片,如果你沒開錯檔案,且你佈景下的php寫法跟官方樣板相同的話,你應該可以用搜尋找到這一行,而title下方就是文章的內文了,你可以將這語法貼到任何一處,就像紅框框起來的這個段落

貼好之後你可以用FTP軟體將檔案上傳回原目錄,將檔案覆蓋過去,如果你擔心這麼做會破壞樣板的語法,你可以先將資料夾先複製到你自己的電腦上,至少複製兩份,一份是原始檔案、另一份是修改過的檔案,這樣就算上傳覆蓋過去出了差錯也沒關係,反正改錯就用原始檔案覆蓋回來就可以了


3. 測試語法是否可以正常運作

addthis 4

接下來進入自己的網站,點開任何一篇文章,文章前後找找,你應該可以找到這個按鈕,這按鈕會根據使用者的習慣排列,假設你找不到你想要轉貼的空間或服務,你可以按下More進入以下畫面

addthis 5

用關鍵字輸入你想要轉貼空間,按下按鈕就可以轉貼這篇文章了,如果這篇文章有設定固定網址的話,它就會對應到每篇文章的網址,接下來你只需要根據網站的指示貼上文章的標題就可以了,這服務有提供了很多網站,台灣網友常使用的Facebook、Plurk、Funp都可以轉貼,它也可以幫你轉貼國外常見的Twitter及百度等等,你可以按自己的需求將文章轉貼到你需要轉貼的地方,訪客也可以使用這服務,將你的文章連結推廣出去

4 Replies to “AddThis推文按鈕及語法教學”

    1. 你說的”讚”按鈕,這組按鈕並不是AddThis所提供的,所以可能得檢查一下你的按鈕是不是從Facebook來的喔 !
      剛剛去Google搜尋下來的結果,你得先用你的帳號登入Facebook,然後再從他所提供的開發者工具中去申請”讚”按鈕及語法
      網址:https://developers.facebook.com/docs/plugins/like-button

      因為我沒有實際申請過,所以申請的方法可能要等接下來的文章才會講到喔 !
      申請好語法之後,按鈕的張貼位置則是跟這篇文章一樣,從single.php找地方貼上
      黏再一起的部分,我是把兩個按鈕弄成不同行來避免黏在一起的現象發生拉 !
      如果你想微調的話,可能得先用HTML語法排版一下,再貼到single.php佈景檔吧 !

發佈留言

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

這個網站採用 Akismet 服務減少垃圾留言。進一步了解 Akismet 如何處理網站訪客的留言資料