href="tel:090-1234-5678">090-1234-5678</a>HTMLではこのようにaタグを使用し、hrefの中にtel:〇〇〇-〇〇〇-〇〇〇を書くことによって電話番号発信をする事ができます!アンカータグ(aタグ)の基本的な使い方はこちらポイントはhrefの中にtel:と書き、その後に発信させたい電話番号を書きます。国番号を付ける場合はtel:の後に「tel:+81-090-1234-5678」と書くハイフンの有無はどちらでも良いがあった方がベターネコ君aタグの使い方を理解してれば画像をクリックした際にも電話をかけれるようになるね!PCでは電話を発信しないようにするテクニック090-1234-5678PCのChromeブラウザでこの電話番号をクリックすると、このようにFaceTimeを開くかのモーダルウィンドウが表示されます。ネコ君PCから電話で問い合わせる事はほとんど無いね!電話でお問い合わせをする際はPCのFacetimeでする事はほぼなく、ほとんどの方がスマホ端末で電話するかと思います。PCのブラウザで電話番号を押しても何も挙動しないようにするのが、ユーザーにとっても運営側にとっても利便性の高いサイトと言えるでしょう!CCSでブラウザ幅によって挙動を変えるどう言うことか詳しく説明すると、PCの画面サイズでは電話番号をクリックしても何も起こらないが、画面幅を414px(iPhone6/7/8plusの画面幅)を下回ると電話をかけれるようにすると言うことです。CSSの@mediaを使用すれば簡単に実装できてしまいます。}}このCSSコードの意味は、414px以上の画面幅ではpointer-events(ポインターをかざした時の動作)を無効にしてね!と言う意味になります。画面幅は自分のお好みに変えて実装してみて下さい!スポンサーリンクJavascriptでデバイスを識別し挙動を変える次に画面幅に依存せず、Javascriptでユーザーが使っているデバイスを識別し、デバイス毎に電話をかけるか否かの挙動を変更する方法です。href=”tel:***”>リンクをスマートフォン端末以外では無効にする記事を参考にしております。リンククリック時のイベントを無効化しています。}このCSSも同時に適用させることによって、電話番号にカーソルを合わせても指マークに変わらないのでユーザにリンクでは無い事が伝わりより利便性の高いサイトになります!電話番号先にSMS(ショートメッセージ)を送信するHTML090-1234-5678にSMSを送信する↑このリンクをクリックするとメッセージアプリに移動するかと思います。href=”tel:”>でリンクをタップして電話を発信させる方法の記事を参考にしました。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。date*日本語が含まれない投稿は無視されますのでご注意ください。BlogについてHikoProBlogは大学生フリーランスエンジニアが学んだことを発信するノウハウブログです。プログラミング学習、フリーランスの生き方、WordPress、Webマーケティング、IT産業について発信しています。BlogについてHikoProBlogは大学生フリーランスエンジニアが学んだことを発信するノウハウブログです。プログラミング学習、フリーランスの生き方、WordPress、Webマーケティング、IT産業について発信しています。Reserved.タイトルとURLをコピーしました。