3分でできる!WordPressで電話番号をスマホでタップしたら発信させる方法

Sponsored Link


WordPressサイトで電話番号をタップしたら発信させたい!

どうも、Linです。湿布、探してます。

 

WordPressで作成したサイトに時々、

お店などの電話番号を挿入したいですよね??

しかし、ただ電話番号を記載しただけだとスマホでタップしても何も起きず、むちゃくちゃ不便です。

ブログ読者は電話番号を一度コピペし、電話アプリを立ち上げてペーストしないといけませんからね。

 

そこで今日は、そんな不便を解消する、

WordPressサイトで番号をタップすると電話を発信できるようにする方法

をマスターしたので忘れないうちに書き留めておきます。

なお、執筆にあたりこちらの神記事を参考にさせてもらいました↓↓

 

 

WordPressサイトの電話番号で発信できるリンクを追加する方法

ズバリ、

電話番号のテキストに「tel:電話番号」というリンクを貼る

という方法が一番効果的。

これにより、スマホでタップしただけで発信する電話番号リンクを追加できます。

 

wordpress 電話番号

 

簡単すぎてもうほんとこれだけ。

 

たとえば、「0120-123-456」という電話番号のリンクを貼りたいとき。

しかも、ただ貼るのではなく、スマホでタップしたらすぐに電話をかけられるリンクを貼りたいとしましょう。

このとき、

「0120-123-456」というテキストにリンクを追加するアクションを選び、

 

 

https://gyazo.com/b4470a501c3f82194b3d932f9ae08ee6

 

リンク先のURLに、

tel:0120-123-456

を設定するだけ。
https://gyazo.com/1d28385dec86b189198677653cc9d46d

 

 

その結果、できた電話番号のテキストリンクは次のような感じですね↓↓

0120-123-456

 

こいつをスマホでタップすると、電話アプリが立ち上がり、電話番号がすでに入力されている状態になるはずです。

 

wordpress 電話番号

 

 

WordPressに電話番号を発信リンクは簡単につけられる!

という感じで、リンク先に、

電話番号のテキストに「tel:電話番号」というリンクを貼る

というだけで実現できます。

ワードプレスのサイトで電話番号を掲載する際は、ユーザビリティを高めるために電話リンクを張り巡らせておきましょう。

 

この記事を読んでも、

「どうしてもできねええええええ」

とふつふつしている方には「teratail」がオススメです。エンジニア集団が質問に答えてくれるので、もっと良いソリューションを提供してくれるかもしれません。

 

それでは!

Lin

飯橋凛(Ihashi Lin)

インターネット広告代理店を1年半で退職。
その後、副業として活動していたウェブメディア運営のフリーランスへ。
現在はプログラミングの勉強に励み、0からフリーエンジニアの道を目指す。最近はキムチをまとめ買いにはまっている。


Sponsored Link

2件のコメント

コメントはこちらからお願いします!



もう1本読んでみる