wordpressを利用しているので、電話番号であるものを自動的に<a href=”tel:”>タグ入れて対応しようかなと思っていたら、電話掛けれるようにするかは、チョイスしたいということでした。

<a href=”tel:”>わざわざチョイスして入れればいいのだけども、PC版で見た場合は、電話掛けられないのにリンク貼られてて変ですね。

ということで、「掛けれる掛けられないは、わざわざタグを入れるかいれないかで、任意に選べる。　そして、PCのときはtelのリンクは貼られない」という方法、いろいろあるのですね。

一番意図的に埋め込めるかなと思ったのが以下の記事

電話番号の自動リンク機能を無効化する　これを使わせていただきました。

 

あと、シンプルだなーと思ったのが

レスポンシブのサイトでスマホの時だけtelリンクを有効にする 

ただし、<span>と</span>の間に数字と‐以外のものが入った場合はどうなるかな。まぁ、スマートフォン側で数字以外をはじくか。

「tel」を指定したaタグをPCだけ削除する[jquery]

<a href=”tel:”>という形をそのまま使えるので。ただ、<span>とかもわざわざ入れるので、HTMLタグを普段理解されないお客様には、ちょっとしたミスが上のソースよりも起こりそうかなと。

たとえば<a href=”tel:”><span>電話番号</span>（代）</a>とかにしちゃうとか。

 

考え方もプログラムの書き方もいろいろあって、興味深いです。時間があれば自分なりの方法を見つけたいな。