본문 바로가기

블로그 인터넷/블로그 Tip

[티스토리 첫화면꾸미기] 미션2-나는 티스토리 첫화면 디자이너!


티스토리 첫화면 꾸미기 베타테스터를 하면서,
드디어 지난번 티스토리 첫화면 꾸미기 미션 1에 이어서
티스토리 첫화면 꾸미기 미션 2를 수행하게 되었습니다.

기본적인 사용법은 이전에 포스팅 하여 드린
글을 보시면 됩니다 


먼저, 저는 첫화면 꾸미기를
제 블로그 컨텐츠 특성이 세무,회계라서
조금 딱딱하고 어려울것 같아

최근 포스팅 자료를 맨 윗쪽 메인에 넣고,
관심도가 높은 세무정보를 다음
그리고, 특정 방문자에게 유용한 정보
회계강좌를 다음에 넣고,
개인적인 일상생활인 낙서장을 넣고,
보기에 따라 관심도가 낮은 반면
검색 유입은 높은 도입사례를

맨 하단에 배치하였습니다.


  


2가지 방법으로 꾸며 보았는데요 

차이점은
그룹 메뉴바의 색상을 넣고,
메인 아이템의 구성을 메인에
강조하는것이 잘 보이도록 구성했습니다.

상세 설명은 왼쪽 현재 화면으로 ...
그럼, 각 아이템별로 조금씩
다른 구성 이유를 설명 드려보겠습니다.


첫번째 메인 아이템 구성




메인 사진이 잘 보이도록 큰 사진으로 선택하고,
최근 포스팅 글이 우측에 같이 보이도록 배치
하였습니다.

선택 아이템 : 조합형 conponent-40010
수정 Tip
    1) 타이틀바 만드는 법
        - 해당 타이틀(아이템)을 선택하고, 타이틀 배경색을 넣어줍니다
          그리고, 테두리를 하단에만 넣어주고 배색이 되는 색으로
          선택해 주시면 살짝 하단에 줄이 들어간 이쁜 타이틀바가
          만들어 집니다.
    2) 메인 사진의 겹치는글 길이 조정
        좌측 메인 이미지의 하단에 글의 길이가 조절 가능해서
        사진을 어느정도 가릴 것인지 선택이 가능합니다
        (Item-220150)
    3) 우측 또다른 아이템(Item-120051)은
        좌측 메인사진에 영향을 덜 주도록 선택했습니다
 
 

두번째 많이 읽는 핵심 정보




선택 아이템 : 목록형 item-120161
컨셉

어느 정도 제 블로그에서 중요한 정보라고 생각되는
것이면서 강조가 필요해서 목록형을 선택했습니다.
또한 이미지가 보여지는 것이 구독율을 높일 수 있어서
이미지 썸네일 비율은 3:4를 선택해서 크게 만들었습니다.

또한, 3개만으로 조금 부족한듯하고, 이미지가
많아지면 너무 아래로 길어지기 때문에 하단에
목록형 아이템 중에서 리스트형을 붙여서
노출 목록이 많아지도록 하였습니다.


세번째 애독자가 있는 정보




선택 아이템 : 목록형 item-320110
컨셉

찾는 사람에게는 유용하지만,
대부분의 사람에게는 관심도가 낮은
회계 정보는 이미지는 조금 작게 구성해서
상단의 주요 정보에 영향을 적게 주도록 했고,
내용을 조금 더 많이 표현했습니다.

아쉬운점,
이부분에서 인기글을 사용하고 싶었는데
인기글은 전체글에서만 적용이 되고,
특정 카테고리에서 적용이 안되어
사용을 하지 못하였습니다.

특정 카테고리에서의 인기글만 선택이
가능하면 좋을것 같습니다.


네번째 저만의 낙서장




선택 아이템 : 목록형 item-130031
컨셉

저만의 낙서장 일상다반사 글로서
저에게 관심 있으신 분들이 읽을 수 있도록
사진 중심으로 제목만 표현해 보았습니다.

 

다섯번째 검색이 많은 도입 사례





선택 아이템 : 목록형 item-120161
컨셉

경영, 회계 사례로서 컨텐츠 클릭보다는
검색 유입 되는 경우가 많은 부분이라
맨하단에 사진 중심으로 배치를 하였습니다.


▶ 좋았던 점 

- 사용법만 익히면, 사용하기 쉽다
- 다양한 응용이 가능하다 
- 조금만 기술을 익히면 고급스럽게 꾸밀 수 있다
- 인기글 (많이읽은, 추천, 덧글 등) 사용 가능

 

▶ 보완 했으면 하는 점 

- 메인 화면에서 선택한 목록의 글이 자동순환
- 타이틀바 아이콘을 내가 직접 넣을 수 있게
   (이미지도 가능하게 ...)
- 아이템별 상하 여백 조정 기능
- 좌우 폭길이를 넓이를 조절할 수 있도록


 

현재로서도 웹초보인 저로서는 만족하지만
html을 다양하게 활용해보고 싶습니다.
얼릉 태그와 가이드집이 제공되면 좋을것 같아요...

또한 간단회에서 논의했던것처럼 글하단, 사이드바 등
다양한 부분에 적용이 가능하게 확장된다면

티스토리 첫화면 꾸미기 기능은 수많은
블로거에게
유용한 도구가 될 것 같습니다.



  * 이 포스트는 blogkorea [블코채널 : 이런 저런, 라이프 스토리!] 에 링크 되어있습니다.