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

  • ブックマーク

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部分に出力される。テーマファイルに直接 書くのでなく、アクションフックで追加するのが吉。

参考:

Youtube

  • ブックマーク

この記事を書いた人

情報発信ナビゲーター 大東 信仁

情報発信ナビゲーター / 博士課程中退 / ニックネーム : ものくろ / ブロガー / WordPressが得意 / orz レイアウト開発者 / 株式会社 あみだす 代表取締役