Skip to main content
[WordPress]如何在Jetpack裡增加LINE分享按鈕

[WordPress]如何在Jetpack裡增加LINE分享按鈕

(這是一篇筆記文)

這回要介紹的是如何使用Jetpack加入LINE分享按鈕。Jetpack這個外掛相信使用WordPress的朋友們應該都不陌生,因為這個外掛很好用,可以說是面面俱到。前陣子和子在研究Jetpack分享功能時,發現LINE並沒有列入其中,猜測應該是因為LINE在亞洲地區比較流行,但在其他地區並非主流聊天軟體,所以開發團隊沒有將其列入。如果要加入LINE分享的按鈕有沒有方法?答案是有的,首先到WordPress的控制台>外掛>安裝外掛,尋找一個外掛叫做Jetpack Sharing Source Pack,安裝它之後請啟用。

Jetpack Sharing Source Pack外掛安裝與啟用

啟用後請到左側設定>分享,這時可以看到原本沒有LINE的地方有顯示出來了,這時候只要把LINE的按鈕,往下拖曳到啟用服務區域,到最下面按「儲存變更」,就成功啟用了。

LINE分享設定畫面

回到文章裡面看就可以找到這個按鈕,也代表之後用手機瀏覽文章可以用LINE分享出去了!不過經過實測發現,使用LINE分享傳送給別人時,發送訊息的內容無法自動轉為超連結,要將http開頭的網址那串字手動複製貼到瀏覽器的網址列,才能前往瀏覽。

LINE分享訊息畫面-無法自動產生連結

但這樣實在太麻煩了,所以接下來我們需要做點小修改。請回到控制台外掛>已安裝外掛,找到Jetpack Sharing Source Pack這個剛剛安裝的外掛,點選編輯,接著到右側找class.sharing-sources.php這個檔案點擊它,找到以下程式碼並對第4行進行修改:

1
2
3
4
5
6
function process_request( $post, array $post_data ) {
  $line_url = sprintf(
    'http://line.me/R/msg/text/?%1$s%0D%0A%2$s',
    rawurlencode( $this->get_share_title( $post->ID )." " ), //空格產生連結
    rawurlencode( $this->get_share_url( $post->ID ) )
  );

儲存後再進行測試,已經可以正常產生連結了!👍

LINE分享訊息畫面-成功自動產生連結

原來之前是因為標題與連結連在一起,造成LINE無法判斷,進而無法自動產生超連結,透過這樣的方式,讓訊息與連結之間多一個空格,使得LINE判斷在http開頭起產生超連結。

以上部分參考自踢踢五

和子

喜歡設計,享受生活,愛好新鮮事。某天不小心踏上網頁開發設計的旅途,從HTML、CSS、PHP、JQuery,到近期開始接觸WordPress。

發表迴響

釘選至 Pinterest

%d 位部落客按了讚: