今まではWP Social Bookmarking Lightのプラグインを使ってLINEに送るアイコンを装備していましたが
少しでもプラグインを減らそうと思い記事下に他のシェアボタンと同じように表示する設定にしてみました。
それで今回はどのようにやったかをメモ代わりに記載しておきます。
LINE(ライン)のボタンの設置のやり方
最初に以下のLINE公式サイトにアクセスします。
http://media.line.me/howto/ja/
以下のような画面が表示されると思いますが
そのまま好きなボタンを選んで
３番のプレビューを確認して、コードをコピー。で
そのコードを使ってもスマホやタブレットからのアクセスならきちんとLINEボタンが表示されると思います。
ただそのコードだとPCからのアクセスだとLINEボタンが表示されません。
そこでPCからのアクセスでも表示させるようにするには以下のスクショでもあるように
４番目のデザインの所の一番下に「ボタン画像をダウンロード」をクリックして画像をダウンロードします。
次に自分のサーバーにアップロードします。
私の使ってる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>
コメント