LINEの共有ボタンをWordPressに埋め込む方法

公式の「LINEで送る」ボタンが公開されました。
私のブログにも埋め込んでみました。

テストとしてスマホ版(wp-touch)に埋め込んでみました。
あっさり簡単にできますよ。

手順1:ボタンのダウンロード

ボタンを公式サイトから落としてきましょう。
このページの「デザイン」部分にボタン集があります。

LINEの共有ボタンをWordpressに埋め込む方法

LINEの共有ボタンをWordpressに埋め込む方法

手順2:埋め込みコードを入れたい場所に挿入

・埋め込むコード

<a href=”http://line.naver.jp/R/msg/text/?<?php the_title(); ?>%0D%0A<?php the_permalink(); ?>”><img src=”[ボタン画像のURL]” width=”[ボタン幅]” height=”[ボタン高さ]” alt=”LINEで送る” /></a>

私はスマホ版はWP-Touchで構築しているので、wp-content/plugins/wptouch/themes/default内のテンプレートファイルを修正しました。
画像はあらかじめ適当な場所にアップしておきましょう。

手順3:表示&ボタン動作テスト

成功していたら以下のようにLINEでシェアできます。

LINEの共有ボタンをWordpressに埋め込む方法

個別記事下部に埋め込んでみました。

LINEの共有ボタンをWordpressに埋め込む方法

これでLINEにも共有できるようになりました。

ぜひお試しを!

ABOUTこの記事をかいた人

たぬぞう

好奇心旺盛な40歳児「たぬぞう」です。 2000年よりWebディレクター/営業をやっています。 シゴトやプライベートで役に立ったものなどを紹介している個人ブログです。皆様のご参考になれば幸いです。