티스토리 블로그 시작하기 ep. 4: (꿀팁) 본문에 플러그인으로 유튜브 링크 삽입하기, 하이퍼링크 넣기
티스토리의 UI가 초보 블로거들에게 헷갈릴 수도 있겠다 싶은 부분들이 몇몇 있어 포스팅을 해봅니다.
지난번 에피소드에서는 글 수정, 저장하는 UI를 다뤘었는데요.
2022.02.26 - [전체보기] - 티스토리 블로그 시작하기 ep. 3: (꿀팁) 제대로 글 수정, 저장하기 - 한 시간 동안 수정한 글이 다 날아가 버릴 수도 있습니다
티스토리 블로그 시작하기 ep. 3: (꿀팁) 제대로 글 수정, 저장하기 - 한시간 동안 수정한 글이 다
티스토리 블로그 시작하기 ep. 3: (꿀팁) 제대로 글 수정, 저장하기 - 한시간 동안 수정한 글이 다 날아가 버릴 수도 있습니다 티스토리 UI (User Interface) 중에 처음 시작하는 초보의 입
nydreamer.tistory.com
이번에는 유튜브 링크를 본문에 넣는 방법을 들여다 봅시다.
티스토리의 에디터를 저처럼 처음 접하시는 분들이라면
아마 아래 이미지처럼 에티터 메뉴에 있는
링크 삽입/수정 메뉴를 먼저 클릭해서 동영상을 넣으셨을 것 같습니다.
하지만 이 버튼은 나중에 설명해 드릴 하이퍼링크를 만들 때 사용하길 권장드립니다.
최적의 방법은 유튜브 동영상 넣는 플러그인을 이용하시는 것입니다.
유튜브 사이트로 가서 링크 복사해 올 필요 없이 티스토리내에서 바로 검색해서 선택할 수 있습니다.
우선 관리 페이지에 가시면 맨 왼쪽 메뉴 아래쪽에 플러그인이 라는 메뉴가 보이실 겁니다.
거기로 클릭해 들어가셔서 유튜브 동영상 플러그인이 설치되어 있는지 확인해 주시고 만약 되어 있지 않다면 플러그인 활성화시켜주세요.
그런 후에 에디터 위에서 유튜브 동영상 첨부 플러그인 선택 부분을 클릭해 주세요.
아래처럼 유튜브 동영상 검색하는 박스가 나오면 원하시는 동영상을 검색해 주세요.
원하는 동영상을 클릭하면 링크를 복사할 필요 없이 바로 본문에 링크가 삽입되고 미디어 플레이어가 바로 보입니다.
그리고 클릭하면 페이지를 떠나지 않고 바로 보실 수 있습니다.
그럼 에디터에 있는 동영상 링크 삽입 수정 메뉴는 언제 쓰는 것이 좋을까요?
유튜브 동영상 하이퍼 링크 만들기 때 써보세요.
하이퍼링크란 텍스트나 이미지에 링크가 걸려있어 그 텍스트나 이미지를 클릭하면 거기에 연결된 웹페이지로 바로 갈 수 있는 링크를 말합니다.
우선 원하시는 텍스트를 본문에 쓰시고 나서 마우스로 선택해 줍니다.
그런 후 에디터 메뉴의 "링크 삽입/수정" 메뉴를 클릭하셔서 원하는 동영상 URL을 넣어주세요.
그리고 "새창으로 열기"를 언체크 해줍니다.
(제 블로그 페이지에 방문자가 머물도록 해야지 그 해당 링크 페이지로 떠나가면 안되지요.ㅎㅎ)
그런 후 확인 버튼을 누르면 다음과 같은 하이퍼 링크가 본문에 삽입된 것을 보실 수 있습니다.
그런데 동영상이 보이지 않고 링크만 보여서 동영상 보이게 하려면 어떻게 하지? 라고 하시는 분들이 계실 것 같습니다.
당황하지 마시고 URL 마지막에 커서를 넣으셔서 Return키를 눌러 주시면 동영상 플레이어 박스가 나타납니다. 아래처럼요.
그러고 나서 맨 아래 글쓰기 완료 버튼을 누르면 글이 저장됩니다.
그런데 에디터 메뉴에서 링크를 입력하면 바로 동영상 플레이어 박스가 보이도록 UI를 만들면 좋을 텐데 왜 플레이어가 보이지 않고 링크만 보이게 했을까요?
"익숙하지 않으신 분들은 어떻게 하면 플레이어가 보이게 할 수 있는거지?" 라고 갸우뚱하셨을수도 있겠네요.
이런 에디터가 있으니 동영상 Embed Code를 복사해서 HTML에 붙여 넣는 과정은 필요가 없으니 생략할게요.
그럼 다음 에피소에서 또 봬요.
좋아요와 구독은 힘이 됩니다.
구독은 화면 오른쪽 가운에 + 사인을 꾹 눌러주세요.
