[HTML]iPhone でのサイト閲覧時に、数値に自動でリンクが貼られないように回避する方法
スポンサード
スポンサード
企業サイトなどでは、HTML ファイル上に電話番号をテキストで記述することも多いと思いますが、
PC では問題なくても、iPhone から見ると自動で電話番号(や、それっぽい数値テキスト)にリンクが貼られてしまうので、勝手にリンクされないようにmeta
タグで防止する方法のご紹介です。
format-detection の指定
数値に勝手にリンクが貼られないように、format-detection
を指定しておきます。1 2 3 | <head> <meta name="format-detection" content="telephone=no" /> </head> |
WordPress のサイトの場合は、利用中のテーマのfunctions.php にis_mobile の記述を追記した上で
1 2 3 4 5 6 7 8 9 10 | <?php function is_mobile () { $useragents = array( 'iPhone', // iPhone 'iPod', // iPod touch ); $pattern = '/'.implode('|', $useragents).'/i'; return preg_match($pattern, $_SERVER['HTTP_USER_AGENT']); } ?> |
<head> 内で「iPhone でのサイト閲覧時のみformat-detection
を指定する」という条件分岐も可能です。
1 2 3 4 5 6 | <head> <?php if (is_mobile()) { ?> <meta name="format-detection" content="telephone=no" /> <?php } else { }?> </head> |
スポンサード
コメント