「電話番号をタップ→発信」の簡単コード

電話番号や電話アイコンをタップするだけで、そのままスマホから発信できるようにする。

出先ではすごく便利な機能です。

この機能は、これからは必須ですね。

コードはめちゃ簡単です。

<a href="tel:00012345678">000-1234-5678</a>

WordPressの投稿でリンクを貼る場合は、もちろん、tel:00012345678 だけでOK。

それで、一応パソコンからはこの挙動を禁止する方が良いらしいので、そのコードも書いておきます。

=functions.php=

function my_wp_head_tel_link(){
if(!wp_is_mobile()): ?>
<style type="text/css">
a[href*="tel:"] {
pointer-events: none;
cursor: default;
text-decoration: none;
}
</style>
<?php endif;
}
add_action('wp_head', 'my_wp_head_tel_link');

これはWordPress限定のコードです。

他にも、jQueryを使ったりする方法があるようですが、とりあえずこれで様子を見たいと思います。

★HTMLで電話番号リンクを設定する方法解説｜タップで発信・PCでは無効にする方法も