テーマをCocoonに変更しました!

LINEに送るボタンを設置しました

今まではWP Social Bookmarking Lightのプラグインを使ってLINEに送るアイコンを装備していましたが
少しでもプラグインを減らそうと思い記事下に他のシェアボタンと同じように表示する設定にしてみました。

それで今回はどのようにやったかをメモ代わりに記載しておきます。

LINE(ライン)のボタンの設置のやり方

最初に以下のLINE公式サイトにアクセスします。
http://media.line.me/howto/ja/
以下のような画面が表示されると思いますが
そのまま好きなボタンを選んで
3番のプレビューを確認して、コードをコピー。で
そのコードを使ってもスマホやタブレットからのアクセスならきちんとLINEボタンが表示されると思います。
ただそのコードだとPCからのアクセスだとLINEボタンが表示されません。
20140329020636

 

そこでPCからのアクセスでも表示させるようにするには以下のスクショでもあるように
4番目のデザインの所の一番下に「ボタン画像をダウンロード」をクリックして画像をダウンロードします。
次に自分のサーバーにアップロードします。
私の使ってるSTINEGRにほかのSNSボタンと同じような大きさに合わせたかったので「wideh:36px Height:70px」を使いました。
次に以下のコードを貼り付けて完了です

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

 

20140329021152

コメント

ブログ管理者などによく売れてる本です