티스토리 글쓰기의 기본 기능에는 지도를 넣을 수 있지만, 다음지도를 기반으로 사용합니다.
새버전으로 업데이트되면서 사실 지도 넣는 법은 아주 쉬워졌습니다. [글쓰기]-[더보기] →[지도] 를 누르면 됩니다.
하지만 각 플랫폼의 특성마다 선호도가 있기 때문에, 네이버와 구글 지도를 삽입해야 하는 경우가 있습니다.
네이버의 경우 2020년도를 끝으로 구버전 서비스를 종료한다고 합니다. 구버전에 있는 기능으로 첨부를 할 수 있었으나 신버전은 어떤 방법으로 티스토리에 지도를 첨부할 수 있을지 찾아보고 있습니다. 다만 티스토리 신버전 지도가 워낙
사용하기 편해서 네이버 지도를 쓰지 않고 있습니다.
그렇다면 구글 지도를 삽입하는 방법에 대해 안내해드리겠습니다.
1, 지도를 삽입하는 위치 앞,뒤로 글을 먼저 작성해놓는 것이 편합니다.
2.구글 지도에서 위치를 검색한 후 [공유]→[지도퍼가기]→[맞춤크기 설정]→[HTML 복사] 를 눌러줍니다.
3, (1)티스토리 글쓰기에서 모드를 [HTML]로 변경해줍니다. 검은 바탕에 입력코드들이 나열된 것이 보입니다.
(2)원하는 부분에 아까 복사된 [링크를 삽입]해줍니다. 첨부 이미지를 자세히 보면 삽입한 HTML링크 아래로
&nsbp; 라 적혀있습니다. 이 기호는 공백을 의미하는 기호로써 지우 아래에 한칸 띄어서 기록한 것을 의미합니다.
(3) 입력 후 다시 기본모드로 돌아가면 지도가 삽입된 것을 알 수 있습니다.
4, 하지만 이렇게 작성하면 모바일에서는 화면에 지도가 다 들어가지 않는다는 단점이 있습니다. 그렇기 때문에
모바일 반응형으로 지도를 수정하는 것이 좋습니다.
(1) [더보기]→[HTML]모드로 들어갑니다.
(2) 기존에 삽입했던 지도 html에서 width를 기존에 800 설정되어 있는 것을 '100%'로
height를 기존에 600 설정되어 있는 것을 'auto'로 바꿔줍니다.
(3) 그리고 다시 기본모드로 돌아가면 지도의 크기가 알맞게 축소 된 것을 알 수 있습니다.
pc와 모바일에서도 적당한 크기로 보입니다.
티스토리 뉴 에디터에서 구글지도를 삽입하는 방법을 알아보았습니다.
네이버지도의 경우 저는 안쓰려고 합니다.ㅎㅎ
뉴 에디터의 지도기능이 워낙 편하기도 하고, 지도 위에 여러 표시를 할 수도 있습니다.
도움이 되셨으면 좋겠습니다. ^^
'흥미로운 이야기 > 티스토리 관련' 카테고리의 다른 글
| 가장 쉬운 방법으로 티스토리에 유튜브 영상 넣기 (0) | 2020.12.24 |
|---|
댓글