이미지(사진)에 전화번호 링크걸기 - 모바일에서 클릭시 번호가 떠요!

Posted by 만웅이 만웅이
IT, 인터넷, 유틸/인터넷

휴대폰에서 이미지클릭시 전화걸리게 하는 방법


오늘은 간단하면서도 재미있는 기능을 하나 소개해드릴건데요,


평소 포스팅(글)작성시 이미지를 삽입하는데 해당 이미지에 전화번호를 링크시켜

실제 휴대폰에서 이미지클릭시 전화번호가 바로 뜨게 하는 방법입니다.


사실 이 기능은 일반인들이 잘 쓰지 않는 기능중에 하나입니다.


왜냐하면, 딱히 이미지에 전화번호를 넣을 필요가 없거든요. ㅎㅎ


그러나 본인이 마케팅관련일을 한다거나 본인의 사업 홍보를 위해

전화번호를 노출시킬때 이런 기능이 있다면 홍보에 도움이 될 수 있겠죠.


특히나, 영업쪽에서 일을 하시는 분들은 홍보시 항상 전화번호 노출이 잦은데

대표적인 업종으로 "대리운전" 과 "부동산 분양 모델하우스" 홍보시에


이 기능을 많이 사용하시더라구요. 그래서 오늘은 저 만웅이가 아주 간단하게 이미지 전화번호링크 방법에 대해 가르쳐드리겠습니다.






네이버블로그에서 이미지전화번호 링크거는방법


먼저 네이버블로그에서 링크거는 방법인데요, 티스토리블로그와 다음블로그는 아래에 설명해두었으니 참조하세요.


먼저 네이버블로그에서 전화번호를 링크시킬 이미지를 업로드합니다.


네이버블로그


이미지를 클릭해주세요. 참고로 익스플로러 사용자는 이미지를 클릭만, 크롬 사용자는 이미지를 드래그 하셔야 이미지가 선택됩니다.



URL클릭 후 http:// 를 삭제해주세요.



tel: 입력 후 링크할 전화번호를 입력한 뒤(요런식으로 → tel:1234-5678) 적용을 눌러주세요.



우측하단 HTML을 눌러주세요.



입력한 전화번호를 쉽게 찾기위해 Ctrl + F 를 눌러 입력한 번호를 검색해주세요.



tel: 태그 앞쪽에 있는 http:// 만 지워주세요. 저희는 사이트로의 접속이 아니라 전화번호를 표시하기 위해 저 부분을 지워주는 겁니다.

따옴표 (")도 지우시면 안됩니다. 저 부분만 삭제해주세요.



여기까지가 작업 끝이므로 진행하셨던 글을 저장한 뒤 확인합니다.


(PC에서 이미지 클릭해봤자 빈 화면만 뜨니 모바일에서 확인해주세요.)


휴대폰에서 전화번호링크걸린 이미지를 클릭하면 아래와 같이 링크걸었던 전화번호가 뜨며 다이렉트로 전화를 걸 수 있습니다.




티스토리블로그에서 이미지전화번호 링크거는방법


티스토리와 다음블로그는 작업방법이 동일하니 다음블로그는 따로 설명하지 않겠습니다.


먼저 티스토리블로그에서 전화번호를 링크시킬 이미지를 업로드합니다.


티스토리블로그


이미지를 클릭해주세요.



URL클릭 후 tel: 입력 후 링크할 전화번호를 입력한 뒤(요런식으로 → tel:1234-5678) 확인을 눌러주세요.






작업 끝~ 네이버처럼 HTML에 들어가 따로 수정해주지 않아도 됩니다.


잘 적용이 됐나 한번 확인해 볼까요?



모바일에서 이미지 클릭시 네이버와 마찬가지로 전화번호가 뜨네요. 아주 완벽한데.....

하필 전화번호를 제가 왜 저런걸 골랐을까요;;; 배내골에이티비....성인스팸전화.....아놔 ㅋㅋㅋㅋ


참고로 해당작업은 일일이 위와 같은 방법으로 링크를 걸어야 합니다. 사진자체에 전화번호링크를 걸어 저장 후 그 이미지만

계속 사용할 수 있는 방법은 현재까지 없습니다...아니 없을 것 같습니다...있다면 제보 좀;;;


도움 되셨다면 마우스를 약간 아래로 내려 정중히 검지손가락으로 "공감" 버튼 한번씩 눌러주시기 바랍니다. 감사합니다. ^^






이 댓글을 비밀 댓글로