티스토리 뷰

하늘

트위터 피드

MrZZang 2016. 12. 24. 01:10
트위터 피드(Twitter Feed)는 JY-SKIN다 스킨에서 정식으로 지원하는 기능은 아닙니다. 다만, JY-SKIN다 스킨에 의존하기 때문에 간단한 가이드를 제시합니다. 트위터에서 공식 제공하는 위젯을 사용하는 것이 가장 좋은 방법이지만, 아무래도 스킨 UI와 어울리지 않아 차선책으로 외부 사이트에서 제공하는 트위터 정보를 가공해 트위터 피드를 출력합니다.

트위터 정보는 twitrss.me 사이트에서 제공하는 정보를 이용합니다. 포맷은 RSS이며 해당 정보를 가공해 JY-SKIN다 스킨 UI에 알맞게 재배치하고 있습니다. 아래 코드는 다소 복잡해 보이는데요. JY-SKIN다 스킨에서 정식 지원하는 기능이 아니므로 양해를 바랍니다. 해당 코드에서 tangbisuda 값을 자신의 트위터 아이디로 변경한 후 사이드바에 추가하면 트위터 타임라인을 사이드바에서 볼 수 있습니다.





지금까지 설명드렸지만, JY-SKIN다 블로그에서 사용하는 대표이미지는 ‘썸유’의 목적으로 사용했으며 본문에 노출하지 않았습니다.


사이드바에 해당 위젯을 추가하는 방법은 ‘HTML 배너출력’을 통해 가능합니다. ‘HTML 배너출력’은 ‘관리센터 > 플러그인 > 플러그인 설정 > 관리 및 통계 > 배너출력’을 활성화 후 사용하면 됩니다.


첫 번째 사이드바에 수직형 트위터 피드 추가하기


UserAgent를 통한 모바일 인식 자바스크립트

if(navigator.userAgent.match(/Mobile|iP(hone|od)|BlackBerry|IEMobile|Kindle|NetFront|Silk-Accelerated|(hpw|web)OS|Fennec|Minimo|Opera M(obi|ini)|Blazer|Dolfin|Dolphin|Skyfire|Zune/)){
  //스마트폰일 때 실행 될 스크립트
}


댓글