最近、よぉ～く聞く「LINE」。その LINE の「LINEで送る」ボタンが昨年末に公開されています。

与えられているコードをそのまま貼っても問題なさそうですが、LINEなだけにスマートフォンのみ公開させたいと。しかも WordPress で。 で、検索してみると同じ事を考える人はたくさんいるようですが、その方法は同じで、利用しているテーマのフォルダ内にある functions.php にスマートフォン識別の関数(PHPコード)を追加しスマートフォンで載せたいところにif文で識別→表示というかたち。

functions.php に追加のコード

iPadでもLINEをされている人が身近にいたので、iPadも加えて以下を追記。

function isMobile(){
	$useragents = array(
		'iPhone',			// iPhone
		'iPod',				// iPod touch
		'iPad',				// iPad
		'Android',			// 1.5+ Android
		'dream',			// Pre 1.5 Android
		'CUPCAKE',			// 1.5+ Android
		'blackberry9500',	// Storm
		'blackberry9530',	// Storm
		'blackberry9520',	// Storm v2
		'blackberry9550',	// Storm v2
		'blackberry9800',	// Torch
		'webOS',			// Palm Pre Experimental
		'incognito',		// Other iPhone browser
		'webmate'			// Other iPhone browser
		);
    $pattern = '/'.implode( '|', $useragents ).'/i';
    return( preg_match( $pattern, $_SERVER['HTTP_USER_AGENT'] ) );
}

テンプレートに追加

投稿記事に表示するには、content.phpに記述。

<?php if( isMobile() ){ ?>
<p><script type="text/javascript" src="http://media.line.naver.jp/js/line-button.js"></script>
<script type="text/javascript">
// <![CDATA[
new jp.naver.line.media.LineButton({"pc":false,"lang":"ja","type":"d"});
// ]]>
</script></p>
<?php } ?>

参考ページ

次のページを参考にさせていただきました。

http://diwao.com/2013/01/line_button.html