【wordpress】スマホ表示のときだけ画像を表示させる方法

【wordpress】スマホ表示のときだけ画像を表示させる方法
標準

【wordpress】スマホ表示のときだけ画像を表示させる方法

レスポンシブサイトで
スマホ表示のときだけ『電話をかける』のボタンを表示したいとき

まずはボタン素材を準備して
functins.phpに下記コードを入れる

function is_mobile () {
$useragents = array(
'iPhone',
'Android',
);
$pattern = '/'.implode('|', $useragents).'/i';
return preg_match($pattern, $_SERVER['HTTP_USER_AGENT']);
}

次に記事内でphpを動かす為のプラグイン『Exec-PHP』をインストール
有効にしてプロフィールの下部『Exec-PHP Settings』にチェックを入れて設定

それから
スマホだけで表示させたい部分に下記コードを入力するとOKです

<?php if (wp_is_mobile()) :?><a href="tel:電話番号"><img alt="電話をかける" src="画像のURL" /></a><?php endif; ?>

参考までに♪

 

Byさちお
http://sachiomax.com/

参考:http://webtrace-cuisine.com/201302/wpismobile/

この後に読まれている記事は?


Amazon.co.jpで人気の『wordpress』関連商品はこちら↓↓↓

この後に読まれている記事は?

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

This blog is kept spam free by WP-SpamFree.