ブログやサイトを運営していて、電話番号に直接電話を掛けられるリンクを作成する方法を紹介します。
リンク先に電話番号を設定することで、スマホで電話番号をタップするとで電話をかけられるようになります。
目次(タップで移動)
リンク先を電話番号にする方法
ワードプレスで作成したブログやサイトでは、テキストや画像に以下のように簡単にURLを挿入することができます。
URLを挿入する際、以下のボックス内にURLを入れるだけで、テキストや画像がリンク化します。
![](https://tetsublog.jp/wp-content/uploads/2023/07/tel_link1.png)
![](https://tetsublog.jp/wp-content/uploads/2023/07/tel_link2.png)
この時、ボックス内に特定のURLを入れると、入力したURLへ移動しますが、電話番号を入力することで、スマホでタップすると電話が掛けられるように設定できます。
tel:
HTMLのコードは以下です。
<a href=”tel:+1234567890″>123-456-7890</a>
に続いて電話番号をハイフンなしで入力することで、テキストが電話番号として認識されタップするだけで電話がかけられるようになります。
![](https://tetsublog.jp/wp-content/uploads/2023/07/tel_link_samune-1024x576.png)
記入例としては以下です。
実際の入力例は以下になります。
![](https://tetsublog.jp/wp-content/uploads/2023/07/tel_link3.png)
![](https://tetsublog.jp/wp-content/uploads/2023/07/tel_link4.png)
![](https://tetsublog.jp/wp-content/uploads/2023/07/tel_link5.png)
以上を入力することで電話番号のリンクが可能になります。
![](https://tetsublog.jp/wp-content/uploads/2023/07/tel_link.jpg)
以上リンク先を電話番号にしてスマホで電話をかけられるようにする方法を紹介しました。
是非参考にしてみてください。