TELリンクを指定する
広告
「お問合せ」ページ（contact ）で表示している電話番号画像に、TELリンクを指定しましょう。
contact に以下の記述を追加してください。
HTMLソース（contact の抜粋）
<h3 id="info0003">お電話でのお問合せ</h3> <p> <a href="tel:0000000000"><img src="https://htmqcom1.wpengine.com/wp-content/themes/twentytwentyone-child/htmq-images/contact0001.png" alt="電話番号0000-000-000" class="infoimg_tel"></a> </p>
保存をしたら、携帯電話やスマートフォンをお持ちの場合には動作を確認してみましょう。
クリックするだけで電話が掛けられるようになっていれば成功です。
まとめ
- a要素でTELリンクを指定すると、携帯電話などではクリックするだけで電話が掛けられる
- TELリンクは、<a href=”tel:電話番号”>～</a>の書式で指定する
- href属性に指定する電話番号は、ハイフン（ – ）無しで記述する
| <前へ | 目次へ | 次へ> |
広告