WordPressサイトで電話番号をタップしたら発信させたい！
どうも、Linです。湿布、探してます。
WordPressで作成したサイトに時々、
お店などの電話番号を挿入したいですよね？？
しかし、ただ電話番号を記載しただけだとスマホでタップしても何も起きず、むちゃくちゃ不便です。
ブログ読者は電話番号を一度コピペし、電話アプリを立ち上げてペーストしないといけませんからね。
そこで今日は、そんな不便を解消する、
WordPressサイトで番号をタップすると電話を発信できるようにする方法
をマスターしたので忘れないうちに書き留めておきます。
なお、執筆にあたりこちらの神記事を参考にさせてもらいました↓↓
WordPressサイトの電話番号で発信できるリンクを追加する方法
ズバリ、
電話番号のテキストに「tel:電話番号」というリンクを貼る
という方法が一番効果的。
これにより、スマホでタップしただけで発信する電話番号リンクを追加できます。
簡単すぎてもうほんとこれだけ。
たとえば、「0120-123-456」という電話番号のリンクを貼りたいとき。
しかも、ただ貼るのではなく、スマホでタップしたらすぐに電話をかけられるリンクを貼りたいとしましょう。
このとき、
「0120-123-456」というテキストにリンクを追加するアクションを選び、
リンク先のURLに、
tel:0120-123-456
を設定するだけ。
その結果、できた電話番号のテキストリンクは次のような感じですね↓↓
こいつをスマホでタップすると、電話アプリが立ち上がり、電話番号がすでに入力されている状態になるはずです。
WordPressに電話番号を発信リンクは簡単につけられる！
という感じで、リンク先に、
電話番号のテキストに「tel:電話番号」というリンクを貼る
というだけで実現できます。
ワードプレスのサイトで電話番号を掲載する際は、ユーザビリティを高めるために電話リンクを張り巡らせておきましょう。
この記事を読んでも、
「どうしてもできねええええええ」
とふつふつしている方には「teratail」がオススメです。エンジニア集団が質問に答えてくれるので、もっと良いソリューションを提供してくれるかもしれません。
それでは！
Lin
インターネット広告代理店を1年半で退職。
その後、副業として活動していたウェブメディア運営のフリーランスへ。
現在はプログラミングの勉強に励み、0からフリーエンジニアの道を目指す。最近はキムチをまとめ買いにはまっている。
