「LINEボタン」が正式にリリース!WordPressブログで設置する方法

LINE button
【img via NAVERプレスセンター

「LINEボタン」が正式に発表された!

gori.meのモバイル表示では既に設置してあるが、正式版が発表されたということで設置してみた!WordPressを使っている人向けに、設置方法を以下に記載しておく!

アイコン画像をアップロードして用意されたコードを入れるだけ!

WordPressブログを運営している人には朗報だ。NAVERがWordPress用のコードを用意してくれている!!あとは自分のブログ用にコードをいじって設置するだけ。

「LINEボタン」をタップすると、LINEアプリがインストールされている場合はLINEアプリが起動するので宛先を指定するとリンクタイトルとURLが入った状態のメッセージ作成画面が表示される。アプリがインストールされていない場合はLINE公式ページに遷移する。

WordPressブログで「LINEボタン」を設置する方法

設置方法は数ステップで完了するので、サクッと設置しましょう!

1. LINEボタンの画像ファイルをダウンロード

まずはLINEボタンの画像ファイルをダウンロードしよう!ここ(直リンク)に全ファイルがまとめてある。Retinaディスプレイでキレイに表示されるように、2倍の大きさで作られている。素晴らしい!

2. 使用する画像をアップロード

ボタンを設置するためにはどこかしらにLINEボタンの画像ファイルをアップロードしよう!

3. 表示したい場所にコードを記入

あとは表示したい場所に下記コードを入れるべし!ボタン画像のURL、ボタンの幅、ボタンの高さはそれぞれ指定するように!

<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>

これが「LINEボタン」の完成形!

というわけで、gori.meの記事内に設置してみた!思いの外ボタンが小さかったので現在は下記スクリーンショットよりもボタンの間隔を広めにとってある。

Line button gorime

日本人向けのメディアを運営している以上、LINEはどう考えても無視できない存在。まだ設置していない人はやってみてはいかがだろうか!