• RSS

[HTML]iPhone でのサイト閲覧時に、数値に自動でリンクが貼られないように回避する方法

  • このエントリーをはてなブックマークに追加
  • follow us in feedly

企業サイトなどでは、HTML ファイル上に電話番号をテキストで記述することも多いと思いますが、

PC では問題なくても、iPhone から見ると自動で電話番号(や、それっぽい数値テキスト)にリンクが貼られてしまうので、勝手にリンクされないようにmeta タグで防止する方法のご紹介です。

format-detection の指定

数値に勝手にリンクが貼られないように、format-detection を指定しておきます。
<head>
<meta name="format-detection" content="telephone=no" />
</head>


WordPress のサイトの場合は、利用中のテーマのfunctions.php にis_mobile の記述を追記した上で
<?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 を指定する」という条件分岐も可能です。
<head>
<?php if (is_mobile()) { ?>
<meta name="format-detection" content="telephone=no" />
<?php } else {
}?>
</head>



  • このエントリーをはてなブックマークに追加
  • follow us in feedly

コメント

コメントを残す