WordPressでLINEへ送るボタンを設置する方法

ひさびさに増えた、ソーシャルで共有系の新ボタン「LINEへ送る」を、このブログにつけてみました。数分でできるのでやり方をご紹介しておきます。

Jetpackの機能を使っているので、もしまだJetpackを入れていなければ、Jetpackを入れて、有効にしてください。Jetpack、いろいろと便利ですよ。

アイコン画像の用意

配布されているアイコンに、16×16ピクセルのものがないので、ダウンロードしたら展開して、40×40ピクセルのアイコンなどを編集して16×16にしてください。

メディアの新規追加でこの16×16のアイコンをアップロードし、アップロード完了画面で出たファイルのURLをコピーしておきます。

Jetpack

[設定]-[共有]-[共有ボタン]で、「新サービスを追加」をクリック。開いたダイアログに、たとえば以下のように入力します。

サービス名: LINE

共有URL: http://line.naver.jp/R/msg/text/%post_title%%0D%0A%post_url%

アイコンURL: さきほどメディアアップロードしたアイコンのURL

[共有ボタンを作成]を押すと、利用可能なサービス、にLINEボタンが増えていますので、これを下の有効化済のサービス、にドラッグしてください。

そのすぐ下に、ブログ記事の下にどのように表示されるかのプレビューが出ますので、他のソーシャルボタンとの順序等に問題がなければ、「変更を保存」してください。

この仕組みで表示させると、パソコンで見たときも表示されてしまいます。今はパソコンからクリックしても何も起こりませんが、これはいずれ対応してくれることを期待します。

よく似た記事:

1. 昔懐かしいテキストベースで現代のシューティングゲーム(FPS)を再現

via 秋元@サイボウズラボ・プログラマー・ブログ http://developer.cybozu.co.jp/akky/2012/12/line-button-on-wordpress/?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+co%2Fa+%28%E7%A7%8B%E5%85%83%40%E3%82%B5%E3%82%A4%E3%83%9C%E3%82%A6%E3%82%BA%E3%83%A9%E3%83%9C%E3%83%BB%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9E%E3%83%BC%E3%83%BB%E3%83%96%E3%83%AD%E3%82%B0%29