티스토리 블로그에서 하이퍼링크 클릭하면, 핸드폰에서 바로 전화 문자 연결 가능하게 만들기
| ▣ 목록 (LIST) ▣ |
1. 티스토리 블로그에서 링크를 클릭하면, 전화 연결이 가능하게 HTML 링크 만드는 방법에 대해 알아보기
2. 티스토리 블로그 HTML 모드로 전환하기
3. 전화 연결 가능한 HTML 코드 작성방법 (텍스트, 이미지)
4. SMS, 전화 문자로 연결 가능한 HTML 코드 작성방법 (텍스트, 이미지)
1. 티스토리 블로그에서 링크를 클릭하면, 전화 연결이 가능하게 HTML 링크 만드는 방법에 대해 알아보기
(1) 전화번호가 포함된 링크 클릭 시, 전화 앱이 바로 실행되도록 HTML 코드를 작성한 것입니다.
(2) 자영업자 블로그에 전화번호만 이미지에 남기지 말고 링크를 같이 남겨 두면, 더 쉽게 전화 연결이 가능합니다.
(3) 이 링크는 핸드폰 태블릿 같은 모바일 디바이스에서 작동하며, 노트북 PC에서는 작동하지 않습니다.
2. 티스토리 블로그 HTML 모드로 전환하기
(1) 티스토리 블로그 편집 상태로 전환합니다.
(2) 텍스트 편집 툴 오른쪽에 있는 '기본모드' 선택합니다.
(3) 목록에서 'HTML' 선택하시면 HTML 편집 작업을 할 수 있습니다.
▶ 참고
티스토리 블로그는 전체적인 HTML 편집을 허용하지 않습니다. 그래서 허가하지 않은 Html 코드를 사용하는 'HTML' 문서를 작성하더라도 포스팅에 적용되지 않고 삭제될 때도 있습니다.
3. 전화 연결 가능한 HTML 코드 작성방법 (텍스트, 이미지)
(1) 텍스트 하이퍼링크 클릭 시 전화연결: <a href="tel:전화번호"> 텍스트로 보여지는 전화번호</a>
(2) 이미지 클릭 시 전화연결: <a href="tel:전화번호"> <img src="이미지 주소"></a>
4. SMS, 전화 문자로 연결 가능한 HTML 코드 작성방법 (텍스트, 이미지)
(1) 텍스트 하이퍼링크 클릭 시 전화 문자로 연결: <a href="sms:전화번호"> 텍스트로 보여지는 전화번호</a>
(2) 이미지 클릭 시 전화 문자로 연결: <a href="tel:전화번호"> <img src="이미지 주소"></a>
이상으로
티스토리 블로그에서 HTML 코드 사용해, 하이퍼링크를 클릭하면 전화나 문자로 바로 모바일에서 연결되도록 HTML 코드 작성법에 대해 알아보았습니다.
자영업자라면 반드시 알고 있어야 하며, 전화번호를 기억해 전화하는 것보다, 링크를 통해 바로 연결되는 것이 매우 효율 적이라고 생각됩니다.
