WordPressでのブログ記事をLINEでシェアするボタン設置の方法

既にユーザー数6,000万人を突破したとも言われるご存知「LINE」。

あっという間にメジャーなコミュニケーションツールとして認知されつつある現在、Facebookでの「いいね!」ボタンやTwitterアイコン同様、ブログ記事をLINEでシェアするボタンがあってもいいんじゃないかと・・・。

こんな風に↓。。

wordpressにLINEでシェアするボタンを設置

とりあえず、Wordpressでのスマホ用テーマ(WPtouch)に設置する方法は下記の通り・・・。

まずは適当なボタンアイコンを作り、ルートディレクトリの「img」フォルダにアップロード。

「この記事をLINEで送る」ボタン (613) ←ここから私の作ったボタンでよろしければダウンロード出来ます。

続いてWPtouchのSingle.phpの適宜の箇所(ボタンを表示したい場所)に下記のようにコードを挿入。

<a href="line://msg/text/<?php the_title(); ?><?php echo wp_get_shortlink();?>" target="_blank"><img src="/img/ボタンアイコン名.gif" alt="" width="250" /></a>

※タイトルとURLがこのように↓相手に自動で送られるのですが、LINEには文字数制限もあり長いURLだとアレなので、「wp_get_shortlink()」でURLを短縮してます。

LINEでブログ記事のタイトルとURLを送信

これで各記事にLINEで送るボタンが表示されるので、後はこのボタンをタップすればLINEアプリが起動、相手を選択して送信完了、となります。

シンプルなコード一行を挿入するだけなので、同様の環境の方は一度お試しあれ。。