「wordpress」タグアーカイブ

Wordpressについてのあれこれ。

WordPressのJetpack共有を使って「LINEへ送る」ボタンを追加する方法

2017年2月10日、追記

現在(Jetpackバージョン4.6 )、この方法でLineボタンを追加してもうまく動かないようです。
Jetpackに問い合わせたら「Line側の問題なのではないか?」とのことでした。
解決方法をお知りの方がいましたら教えていただけるとうれしいです。

——-

こんにちは。

Jetpackって便利ですよね。これを使うと入れなくていいプラグインが増えてきてうれしいです。

シェアボタンをページに追加するプラグインといったらWP Social Bookmarking Light一択でした。なぜなら「Lineで送る」ボタンに対応しているという強みがあるからです。

Jetpackの共有機能には残念ながら「Lineで送る」ボタンはありません。「Lineで送る」ボタンさえあれば入れるプラグインを一つ減らすことができる。日々そう思っていたのですが、実は簡単に追加できることが分かりました。

方法はこちらに載っていました。
http://developer.cybozu.co.jp/akky/2012/12/line-button-on-wordpress/

まずはwordpressの「設定」>「共有」から「新サービスを追加」をクリック。
共有

次に3つの項目に入力していきます。
入力項目
サービス名:Line(ボタンに表示させたいテキストを入力します)
共有URL:http://line.naver.jp/R/msg/text/%post_title%%0D%0A%post_url%
アイコンURL:16×16pxのアイコン画像URL(これを入れないで作成するとエラーが出てしまいます)

入力したら「共有ボタンを作成」をクリック。

ラインが追加できるようになっているので有効化してみましょう。
Lineを追加
ここでライブプレビューを見ると追加したLineのアイコンだけ少し上によってます。しかし実際にサイトで見るとちゃんと表示されるのでご安心ください。

こちらが実際に表示された画像
実際に表示された画像

どうでしたか?これを使えばLineだけではなく他のサービスも追加できるので便利ですね。