티스토리 글 속 전화번호, 핸드폰에서 터치해서 바로 전화연결하기

티스토리 글 속 전화번호, 핸드폰에서 터치해서 바로 전화연결하기

자영업자가 본인의 서비스나 업체를 홍보, 광고하려면 편리한 전화 연결은 필수입니다.

워드프레스에서는 ㅁ+한자 키로 특수문자 중 전화기 모양의 ☏ 혹은 ☎ 문양을 전화번호 숫자 앞에 붙이면 자동으로 전화번호가 전화연결 가능한 하이퍼 링크로 변경됩니다.

티스토리에는 그런 기능이 없지만, 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. 02-000-0000
• 이미지를 클릭하여 전화연결 하기
  <a href="sms:전화번호"><img src="이미지 주소"></a>
  Ex.

하이퍼 링크를 삽입하는 <a href=> </a> 코드의 용법만 잘 알고 있으면 쉽게 전화번호에 링크를 입힐 수 있습니다.

웹 개발에 문외한인 저도 할 수 있으니 여러분도 차근차근 연습해보시면 누구나 할 수 있습니다.

 

2023.12.29 - [생활 정보] - 티스토리 구글 애드센스 크롤러 엑세스 로그인 정보 추가하는 방법