블로그에 트위터 위젯 달기와 한글설정

얼마전 제가 운영하고 있는 여기 티스토리 블로그에 트위터 위젯을 넣었습니다.


위젯이란? 가볍게 모듈화된 사용자 소프트웨어로서 날씨,증권,쇼핑,달력,시계 같은 간단한 정보를 제공하는 용도로 많이 사용되고 있습니다.누구나 쉽게 간단한 조작만으로도 SNS,블로그,웹싸이트에 해당 위젯을 추가할 수 있도록 설치와 운영이 비교적 쉽고 간단한 특징이 있습니다.


트위터 위젯을 블로그에 달면 나의 트윗 리스트가 노출되어 다른 분들이 나에게 트윗 답글을 달 수 있어 다양한 분들과 소통을 할 수 있게 됩니다.특히 블로그 같은 경우 댓글 처럼 방문자분들의 의견을 피드백 할 수 있고 블로그 글들을 트위터로 보내 더 많은 분들에게 알릴 수 있어 아주 유용한 위젯이라는 생각이 듭니다.


저도 한때는 블로그 사이드바에 여러가지 잡다한 위젯들, 한때 국민위젯으로 많이 사용되었던 유니클로 시계 위젯 같은 것들을 넣기도 했는데 위젯이나 배너를 지나치게 많이 사용하면 블로그가 산만하고 무거워져 방문자들에게 부담을 줄 수도 있으므로 지나치게 많은 위젯을 사용하는 것은 바람직하지 않습니다.


트위터 위젯을 블로그에 달려면 트위터 계정이 필요하며 계정등록은 트위터 홈페이지에서 간단하게 할 수 있습니다.



티스토리 트위터 위젯 달기


트위터 계정으로 로그인한 후 상단의 기어 모양의 아이콘을 클릭하여 설정으로 이동합니다.아래의 캡쳐화면을 참고하세요 좌측의 확장 메뉴 아랫쪽에 있는 위젯을 클릭 합니다.




새로 만들기를 누릅니다.트위터 위젯은 4종류가 제공되는데 사용자 타임라인,관심글,리스트,검색 입니다.제 블로그에는 현재 사용자 타임라인 위젯을 설치한 상태입니다.각각의 위젯을 클릭해보면 미리보기 화면이 나오는데 여기서는 타임라인 위젯을 기준으로 설명드리겠습니다.




설정항목에서 답글제외는 내가 트윗한 글에 달린 댓글이 보이지 않도록 해주는 것이고 사진 자동 확대는 내가 트위터에 올린 사진이 자동으로 펼쳐져 보이지 않도록 해주는 옵션인데 사진을 아예 못 보도록 하는 것은 아닙니다.


높이는 미리보기로 보여지는 위젯 창의 높이를 말하는 것으로 최저값은 250px 입니다.제가 단 트위터 위젯의 높이가 바로 250px 입니다.높이는 이렇게 250-600px 까지 사용자가 지정할 수 있고 가로 폭은 가변형으로서 테이블 크기나 DIV 스타일 크기에 맞게 자동으로 크기가 조절 됩니다.


테마는 화이트 계열의 밝은 테마와 블랙 계열의 어두운 테마 두가지가 기본 제공되고 링크색은 사용자가 원하는 색상을 지정할 수 있습니다.링크 색상은 파란색이 기본값으로 되어 있습니다.


좀 더 사용자 취향 맞도록 수정하고 싶으면 커스텀 옵션으로 들어가서 높이,가로,글자색 변경 관련 치환자 코드를 찾아 볼 수 있는데 영어로 되어 있고 고급사용자용 옵션이라 이해하기 힘들게 느껴질 수도 있을겁니다.그냥 기본값만으로도 위젯을 사용하는데 충분하지 않을까 싶습니다.


위젯 만들기를 클릭하면 위에서 설정한대로 트위터 위젯 코드가 생성되며 이것을 복사한 후 티스토리 사이드바에 붙여 넣으면 됩니다.



<트위터 위젯 한글 메뉴 보이기>


트위터 위젯 메뉴는 기본적으로 영어로 표시되는데 한국어로 바꾸고 싶다면 lang="KO"를 추가 해주면 됩니다.






<티스토리 블로그 사이드바에서 트위터 위젯 설치>


티스토리 관리자 메뉴 좌측 꾸미기 - 사이드바로 이동하여 기본모듈에서 HTML 배너 출력 모듈을 사이드바에 추가 시켜 줍니다 (HTML 배너 출력모듈이 보이지 않을 경우 플러그인 설정 - 배너출력을 사용상태로 저장)




편집을 눌러 아래의 창에 복사한 트위터 위젯 코드를 붙여 넣습니다.모듈 이름은 트위터위젯 또는 마음대로 지정 해도 됩니다.




사이드바 설정 화면 상단 우측에서 미리보기로 제대로 보이는지 확인 한 후 반드시 저장 버튼을 눌러서 저장을 해야 블로그에 적용됩니다.


복잡한것 같아 보여도 정리하면 트위터 계정 로그인 - 설정 - 트위터 위젯 생성 - 코드복사 - 티스토리 블로그 사이드바에 붙여넣기 - 저장 순으로 따라하시면 됩니다.궁금한 사항은 댓글로 남겨주시면 아는 한도 내에서 답변을 드리겠습니다.-끝-