트위터 피드, 동영상을 티스토리 또는 워드프레스에 넣는 방법.

티스토리나 워드프레스로 블로그에 포스팅을 한다면 트위터를 인용해야할 때가 간혹 있습니다. 모두 각자의 방법으로 영상을 다운로드하여 새로 올리던지 트위터에서 가져올텐데, 저는 트위터에서 가져오는 방법을 이용해서 더욱 깔끔한 누가봐도 트위터에서 가져온것처럼 보이는 방법을 이용합니다.

트위터 동영상이, 피드를 티스토리 또는 워드프레스에 가져오는 방법.

트위터 피드, 동영상을 티스토리 또는 워드프레스에 넣는 방법




여러분은 어떻게 포스팅을 하시나요? 저는 대략적인 자료를 수집을 한 다음에 글을 쓰기 시작하는데, 트위터 자료가 필요할 때에는 트위터 자료를 미리 구해놓고 내용을 작성하다가 바로 집어넣는 방식으로 작성을 합니다.

그렇기 때문에 먼저 트위터에서 내가 가져오고자 하는 트윗의 코드를 먼저 준비하겠습니다


트위터에서 Embed Tweet 코드가져오기

  1. 먼저 트위터에서 가져오고자 하는 트윗을 찾아 주세요
  2. 그다음에 그 트윗에 오른쪽 상단에 위치한 점 세 개 모양의 아이콘인 더 보기 메뉴를 눌러 주세요

    트위터에서 트윗의 더보기 버튼 클릭

  3. 확장 메뉴가 나오면 Embed Tweet을 눌러 주세요

    트위터에서 트윗의 더보기메뉴에서 embed tweet 클릭

  4. 해당 트윗의 주소가 나오고 잠시 후 트윗 코드와 함께 해당 코드를 넣었을 때 어떻게 보이는지 나타납니다.
  5. 여기서 Copy Code를 눌러 복사해두세요

    트위터 트윗 html 코드

이렇게 하면 트윗의 코드가 모두 준비되었습니다. 지금 당장 트윗 코드를 사용하는 것이 아니라면 메모장에 복사해서 갖고 계시기 바랍니다. 다른 항목을 복사하다가 클립보드에서 뒤로 밀려 없어질 수도 있습니다.

참고로 전에 복사한 내용은 클립보드에 있기 때문에 클립보드를 불러와 아까 복사한 내용을 찾아 붙여 넣을 수 있습니다. 윈도우키와 V키를 같이 눌러보세요. 클립보드 창이 나타납니다.


글쓰기에 트윗 코드 넣기

  1. 먼저 티스토리 또는 워드프레스에서 글쓰기 모드로 이동해주세요.
  2. 글쓰기 모드 오른쪽 상단에 있는 기본 모드를 누르면 ‘기본 모드’와 ‘마크 다운’ ‘html’ 세 가지 항목이 나옵니다. 그중에서 html 눌러 주세요.

    티스토리 글쓰기모드에서 기본모드를 html 모드로 변경

  3. html 모드로 화면이 바뀌면 지금까지 썼던 글이 html 버전으로 나타납니다. h 태그도 보이고 글자 사이즈나 지금까지 넣었던 사진들이 코드가되어 보입니다.
  4. 위에서 가져온 트윗코드를 원하는 위치에 붙여넣으세요.

    글쓰기 html모드에서 트윗코드 넣은 모습

  5. 이제 다시 html 모드에서 기본모드로 돌아와서 계속 포스팅을 하시면 됩니다. 반드시 아래의 모습으로 나오진 않지만 스크립트와 함께 인용의 형식으로 글이 들어갔다면 제대로 들어간것입니다.

    글쓰기 기본모드에서 트윗코드가 보이는 모습

여기서 중요한것은 글쓰기를 모두 마치고 발행을 하기전까지는 아까 트윗을 가져올 때보았던 모습이 아닌 애드센스등의 스크립트를 넣었을때의 형태가 보이는데 제대로 들어간것입니다. 이것은 미리보기를 눌러도 제대로 보이지 않습니다. 하지만 발행을하고 다시확인하면 제대로 보이니까 걱정하지마세요.

어렵지는 않지만 조금 번거로운 과정을 거쳐 트윗을 글에 넣어보았습니다.

조금 번거롭지만 트윗을 제대로 인용하는 방법이기때문에 알아두시면 나중에 포스팅하는데 도움이 되실겁니다.






[ 함께 볼만한 글 ]

Leave a Comment