블로그 글 속 전화번호, 핸드폰에서 터치해서 바로 전화연결하기
자영업자가 본인의 서비스나 업체를 홍보, 광고하려면 편리한 전화 연결은 필수입니다.
워드프레스에서는 ㅁ+한자 키로 입력하는 특수문자 중 전화기 모양의 ☏ 혹은 ☎ 문양을 전화번호 숫자 앞에 붙이면 자동으로 전화번호가 전화연결 가능한 하이퍼 링크로 변경됩니다.
티스토리에는 그런 기능이 없지만, HTML 모드에서 코드를 추가하면 똑같이 전화번호를 핸드폰에서 터치해 전화연결 하도록 수정할 수 있습니다.
 |
| 티스토리 글쓰기 모드에서 화면 우측 상단 HTML 모드. 구글 블로그스팟에서는 좌측 상단 연필 모양을 클릭하면 동일하게 HTML 모드로 진입할 수 있습니다. |
이 기능은 블로그를 통해 자기 사업체를 홍보하려는 자영업자, 혹은 광고 마케팅 담당자라면 꼭 알고있어야 하는 중요한 기능입니다.
핸드폰에서 전화번호 터치해 바로 전화연결하기
HTML 모드에서 다음과 같이 코드를 입력하고, 핸드폰에서 블로그에 표시된 전화번호를 터치하면 바로 전화를 걸 수 있도록 하이퍼 링크를 만듭니다.
- 텍스트 하이퍼링크를 클릭해 전화연결 하기
<a href="tel:전화번호">텍스트로 보여지는 전화번호나 문구</a>
Ex. 02-000-0000 - 이미지를 클릭하여 전화연결 하기
<a href="tel:전화번호"><img src="이미지 주소"></a>
Ex.
핸드폰으로 전화번호 터치해 바로 SMS 문자보내기
번호를 눌렀을 때 전화를 거는 것이 아니라 SMS 문자를 보내는 창으로 연결되도록 할 수도 있습니다.
- 텍스트 하이퍼링크를 클릭해 전화연결 하기
<a href="sms:전화번호">텍스트로 보여지는 전화번호나 문구</a>
Ex. 010-000-0000 - 이미지를 클릭하여 전화연결 하기
<a href="sms:전화번호"><img src="이미지 주소"></a>
Ex.
하이퍼 링크를 삽입하는 <a href=> </a> 태그의 용법만 잘 알고 있으면 쉽게 전화번호에 링크를 입힐 수 있습니다.
하이퍼 링크 삽입은 언뜻 어려워 보일 수도 있지만 기초 중의 기초가 되는 개념이기에 웹 개발에 문외한인 분이더라도 차근차근 따라하며 연습해보시면 누구나 할 수 있습니다.