핵심 요약
- Twitter Publish에 접속한 뒤 URL 또는 트위터 핸들을 입력하고 레이아웃을 선택하세요. Copy Code를 클릭해 코드를 복사한 후 웹사이트에 붙여넣으면 됩니다.
- Twitter Publish에서 생성된 HTML 코드는 워드프레스 HTML 위젯을 포함해 거의 모든 곳에 붙여넣을 수 있습니다.
이 글에서는 Twitter Publish를 활용해 웹사이트나 블로그에 개별 트윗 또는 전체 트위터 피드를 표시하는 위젯을 만드는 방법을 단계별로 소개합니다.
Twitter Publish로 트위터 위젯 만드는 방법
트위터 위젯을 활용하면 최신 트윗을 보여주거나, 방문자에게 관련 해시태그를 알리고, 특정 모먼트(Moment)를 소개하는 등 다양한 콘텐츠를 손쉽게 노출할 수 있습니다.
브라우저를 열고 Twitter Publish에 접속합니다.
Enter a Twitter URL 입력란의 아래쪽 화살표를 클릭하면, 트위터 위젯으로 변환할 수 있는 콘텐츠 유형 목록이 나타납니다.
제공되는 콘텐츠 유형은 트윗, 프로필, 리스트, 사용자 핸들, 해시태그 등입니다. 기본으로 표시된 URL 중 하나를 선택하면 위젯이 실제로 어떻게 보이는지 예시를 미리 확인할 수 있습니다.
삽입하고 싶은 트윗의 URL을 복사한 뒤, Twitter Publish 탭으로 돌아와 Enter a Twitter URL 입력란에 붙여넣습니다. URL을 입력한 후 오른쪽 방향 화살표를 클릭하면 다음 단계로 이동합니다.
팁: 아직 해당 콘텐츠의 트위터 URL이 없다면, 새 브라우저 탭이나 창을 열어 Twitter.com에 접속한 후 원하는 컬렉션, 트윗, 프로필, 리스트 등을 찾아보세요. @로 시작하는 트위터 핸들이나 해시태그로 검색하는 것도 가능합니다.
URL을 입력하면 사용 가능한 표시(display) 옵션이 나타납니다. 위젯에 담은 콘텐츠 유형에 따라 선택할 수 있는 옵션이 달라집니다.
미리보기를 확인합니다. 위젯 모양이 마음에 든다면 Copy Code를 눌러 코드를 복사한 후, 웹사이트나 블로그 코드 중 원하는 위치에 붙여넣으세요. 위젯의 높이와 너비는 유연하게 설계되어 있어, 블로그나 사이트에 배치된 영역 크기 안에서 자동으로 맞춰집니다.
팁: 생성된 코드는 일반 HTML이므로 HTML이 작동하는 어디든 배치할 수 있습니다. 워드프레스를 사용한다면 HTML 위젯에 그대로 붙여넣으면 됩니다.