지난 주말동안 짬을 내서 홈페이지를 대대적으로 개편했다.
2009.08.06 에 티스토리 블로그로 홈페이지를 오픈한 이후 실질적으로는 두 번째 개편인셈이다.
첫번째 개편에서는 기본적인 의사소통 및 브랜딩 도구를 설치했고, 한참 SNS를 따라잡던 터라
SNS 와의 기본 연결고리를 만들었었다.
- 링크나우 프로필 버튼 : 사이드바 설정의 이미지배너 출력 사용
- 믹시, 다음 뷰 등의 메타블로그 위젯 : 각 메타블로그 사이트가 제공하는 위젯 사용
- 멋진 3D 태그클라우드 3D ticumulus : BLUEnLIVE님 도움
- Google 프랜드 커넥트 : 사용해 보기 (구글 계정 로그인 후 가젯에서 소셜바 선택)
- Wibiya 툴바 : 사용해 보기 (회원가입 후 코드 받아서 설치)
위와 같이 해 놓고 1달정도 지난 것 같다.
아직은 더 많은 컨텐츠를 만들어내야 내가 생각한 수준의 브랜딩과 커뮤니케이션이 활성화 되겠지만,
그러한 것들을 갖추기 전에 전략적으로 반드시 미리 셋팅해 두어야 할 것들을 주말에 작업한 것이다.
"블로그에서 생산한 컨텐츠의 효과적인 배포"
이것이 가장 큰 화두일 수 밖에 없었고, 그동안 조금씩 공부한 것들과 조사한 것들을 토대로 위 목적을
위해 다음과 같이 개편하기로 결정했다.
1) RSS 구독 장치 설정
2) 블로그 컨텐츠 - 트위터 간 연동 강화
3) 생산한 컨텐츠의 공유 다각화
4) 사용 UI 개선
생각보다 꽤 많이 공이 들어가는 작업이었고, 특히 다른 분들이 만들어 놓은 코드를 가져다 쓴다고 해도
은근히 HTML 및 Java Script 코딩/수정 작업이 필요했기 때문에 만만치 않은 작업이었다.
덕분에 과거 개발자의 길을 걸을 때 빠져들었던 프로그램 삼매경의 기분을 오랜만에 아주 약간 즐길 수
있었다. ^__^
위 4가지 항목에 대해 자세한 방법을 하나하나 설명하기에는 무리가 있고, 어떤 참고자료의 도움을
받았으며, 어떤 것이 이슈였고, 반영된 모습은 무엇인지 정도를 정리해보고자 한다.
[ 아래 각 항목별로 어떻게 구현되었는 지를 이미지에 표시하여 맨 아래에 모아서 배치 ]
1. RSS 구독 장치 설정
a) Feedburner 세부 설정 : Dapy님의 paperinz의 관련 글 참고
* http://feeds.feedburner.com/dylanko 로 설정된 공통 RSS 로 접근했을 때 페이지 설정
* 해당 페이지에서 메일 구독 및 RSS 구독기 추가 설정 등의 작업
* 위 RSS 피드로 모든 메타블로그 및 여타 RSS 등록해야 하는 곳 통일
b) HanRSS, Feedburner, Google Reader, WZD닷컴 의 RSS구독 버튼 마련
* 스킨 수정하여 모든 본문 하단에 아래와 같이 자동 배치 : 마루님의 자료와 설명 참고
* 사이드바에 HTML 배너 넣기를 이용하여 구독 버튼 한 번 더 배치
c) 이슈
* 추후 피드버너의 피드 플레어 등을 활용하여 이메일 구독신청 기능 배치하기
2. 블로그 컨텐츠 - 트위터 간 연동 강화
* 포스팅을 볼 때 처음에 시선을 한 번 잡아둘 필요가 있으며, 여기에서 액션이 일어나기도 함
* 티스토리 플러그인이 자동으로 뿌려주는 다음뷰와 믹시의 추천영역을 활용하는 것이 베스트
c) 포스팅 시 자동으로 트윗 등록하는 플러그인 설정
* 티스토리가 기본으로 제공하는 플러그인. 머리말 설정을 잠깐 고민했는데, 트위터 태그 테스트
및 검색결과 살펴본 후 디폴트인 [ #Tistory ]로 하기로 함
d) 이슈
* '카테고리 관련글 더 보기'와 'CCL 배너' 플러그인을 설정하면 다음뷰와 믹시 이후에 바로 RT
배너를 출력할 수 없는 난감한 상황 발생
* MissFlash님의 모듈 위치 맘대로 설정하는 스크립트 도움을 받음
* CCL 배너는 그냥 아이콘으로 보기로 하고, '카테고리 관련글 더 보기'는 태그 목록 바로 위에
오도록 설정함으로써 다음뷰, 믹시, RT바, 구독버튼, 공유도구를 나란히 모아 배치~
* 홈페이지에 바로 트위터를 붙일 수 있는 tweetboard 위젯 발견! 알파버젼이라 일단 개별 신청을
통해서 사용허가하고 있는데, 빨리 허가해줬으면...
3. 생산한 컨텐츠의 공유 다각화
a) 본문 하단에 Add This가 제공하는 ToolBox 배치 : 해당 페이지 참고
* 메일, 인쇄, 북마킹, RSS구독, 유명 SNS로 공유하기 등을 할 수 있는 툴
* 비슷한 서비스로 ShareThis, addtoany 등이 유명한데, 각 서비스들 비교결과 UI 및 커스터마이징이
용이한 Add This의 ToolBox를 활용하기로 결정
* 스크립트를 직접 손봐서 설치해야 하지만, 샘플코드가 올라와 있으므로 비교적 어렵지 않게 설치 가능
b) 이슈
단에서 처리되기 때문에 기존의 Wibiya 툴바의 역할이 많이 축소됨. 이 녀석은 약간 무겁고, 이상하게
내 크롬에서 안뜨는 (ie에서는 잘 됨) 문제도 있음
* tweetboard 와 이 공유툴들이면 사실 Wibiya의 메리트는 번역기 정도로 한정됨. 하지만, 번역도 구글
번역 위젯을 다는 것이 더 빠르고 효과적임. 음... tweetboard 사용허가되면 Wibiya는 빼버릴지도...
4. 사용 UI 개선
* 포스팅 길이가 비교적 길고, 한 화면에 3개의 포스트를 나열하기 때문에 바로이동 기능이 편리
* 특히, 추천과 댓글달기, 구독하기 등의 중요한 액션을 편리하게 만들기 때문에 꼭 필요하다고 판단
* 여러모로 시간이 많이 걸렸지만, 나름대로 만족스러운 navigation을 제공하게 됐음
b) 이슈
* 본 블로그 스킨 특성상 인터넷브라우저의 가로폭을 변경함에 따라 플로팅 메뉴 가로 위치가 달라짐.
가로폭 변경과 상관없이 본문의 우측 라인에 맞추려고 시도했으나 현재로선 개발 역량 부족 ㅠㅠ
* MS IE에서는 별다른 문제 없이 잘 동작하지만, 이상하게 구글 크롬에서는 제일아래로 이동 기능이
잘 작동하지 않음
* 추후 몇가지 중요한 링크를 메뉴에 추가할 예정
 |  |
 |  |
'평생 공부하기 > 블로그 운영 노하우' 카테고리의 다른 글
| 티스토리 블로그 소셜반응글 보기 플러그인 소개와 tweetmix 트위터 위젯 비교 (1) | 2011/04/30 |
|---|---|
| 티스토리 블로그 본문 글자 크기와 줄간격을 조정하여 가독성 높이는 방법 (0) | 2011/04/30 |
| 티스토리 '메뉴 설정' 기능을 기존 스킨에서 HTML 수정 최소화하여 활용하는 방법 (0) | 2011/02/16 |
| 티스토리 보안 강화 위한 2차 블로그 주소의 DNS 설정 IP 변경법 - 후이즈(whois) 사용 (2) | 2010/11/27 |
| 홈페이지 꾸미기 - RSS구독, 공유도구, 트위터연동, 이동메뉴 (7) | 2009/11/30 |
Written by 고영혁 (Dylan Ko) : 
Google+
Google+
|
제 블로그 글들이 마음에 드신다면 아래 버튼들로 편하게 구독하세요
|
다양한 SNS 에서 활동하며 실시간으로 콘텐츠 공유합니다. 아래 버튼들로 만나보세요
|
|
|
|
글은 읽고 씹어서 뱉어야 제 맛~ 댓글/공감/전파 등을 통한 열린 토론을 환영합니다 !
댓글을 달아 주세요
마인드맵노트 이벤트글을 보다가 넘어왔습니다.
2009/12/08 22:30 [ ADDR : EDIT/ DEL : REPLY ]반갑니다.
반갑습니다~ 저는 로망공작실 주인장인데 레이먼님은 행복공작소 주인장이시네요 ^^;;
2009/12/09 00:30 [ ADDR : EDIT/ DEL ]안녕하세요. 고영혁님.
2009/12/09 03:11 [ ADDR : EDIT/ DEL : REPLY ]저는 T-story에서 다육식물과 관련한 블로그를 운영하고 있습니다.(http://charites74.tistory.com/)
지금 한참 블로그를 꾸미고 있는 중인데 직장인 로망 공작실에서 많은 도움을 받고 있어요.
부족한 실력이지만 설명을 잘해 놓으셔서 잘 따라하고 있습니다.ㅎ
그런데, 한가지 궁금한게 있어서요. 바로 왼쪽에 출력되는 "tweets 39"..아마도 고영혁님의 트위터 정보 같은데 그 표시를 저도 하고 싶거든요.
이건 어디서 코드를 받아 설치할 수 있는지 궁금합니다.^^
도움이 많이 되었다니 무척 기쁩니다.
2009/12/09 06:40 [ ADDR : EDIT/ DEL ]왼쪽의 트윗 가젯은 http://tweetboard.com/alpha/ 를 방문하신 다음에 푸른색 버튼 [Request a free alpha invite!]를 누르시면 추후에 설치할 수 있는 코드를 받으실 수 있습니다. 트위터 멘션을 통해서 알려줍니다. 해당 서비스사의 공식 계정인 140ware를 미리 팔로우해 두시구요.
^^ 자세한 설명 감사합니다.
2009/12/09 07:45 [ ADDR : EDIT/ DEL : REPLY ]아 ㅠㅠ너무 어렵네요.. 저희 홈페이지에 좋아요(face book)이랑 tweet(트위터) 버튼 설치하고 싶은데.. 지식인에 올려도 답이 안올라오고......... 여기도 설명이 넘 어려워서 ㅠ.ㅠ 도움주세요............ 이메일은 lovebabu15b@naver.com입니다!!
2011/01/12 14:40 [ ADDR : EDIT/ DEL : REPLY ]아주 긴 설명을 위한 감사합니다. 나가 지금 모두를 나 알고 있는 처럼 I 요금은 이 화제에 관하여 알 필요가 있다.
2011/08/17 22:10 [ ADDR : EDIT/ DEL : REPLY ]