アフィリエイト広告を利用しています

iPhoneなどiOSのSafari 電話番号【WordPress】自動でリンクになるのを解除する

black corded telephone

iOS系のSafariだと、WEBページに記載した電話番号が、何もしなくてもリンクに変換される。

小さな親切大きなお世話とは、まさにこのこと。

予想外の場所でリンクになって、文字色が変わったりする。

WordPressで、この自動でリンクになるのを停止する手順は、以下のコードを functions.php(子テーマの)に追記する。

/* iPhone 電話番号リンク 解除 */
add_action( 'wp_head', 'add_meta_no_tel_to_head' );
function add_meta_no_tel_to_head() {
  echo '<meta name="format-detection" content="telephone=no">';
}

このコードで、iOS系Safariの電話番号を自動でリンクにする機能を停止する

<meta name="format-detection" content="telephone=no">

このコードが、header部分に出力される。テーマファイルに直接 書くのでなく、アクションフックで追加するのが吉。

参考:

この記事を書いた人

大東 信仁

カンパチが好きです。

プロフィールはこちら

10月14日開催 参加者募集中
(画像をタップ→詳細へ)

ミッションナビゲート モニター
(画像をタップ→詳細へ)

広告