본문 바로가기
ETC story/Blog & Tistory.....

티스토리 첫화면 포토로그처럼 만들기(태터데스크)와 그 한계...

by 애쉬™ 2009. 10. 18.

네, 여러경로로 "애쉬님, 첫화면 그렇게 어떻게 꾸며요?"라고 묻는 분이 많으셔서 간단하게 소개해 드리려고 합니다.

결론은, 티스토리의 기본 플러그인으로 만들수 있으나, 여타의 블로그처럼 그 기능이 막강하진 않다...라고 말씀드릴 수 있겠네요..


그럼 한번 따라해 보세요~^^

자, 지금 제 화면입니다.



네, 저도 첨 티스토리 왔을때 궁금했었습니다.

저처럼 사진위주의 포스팅을 하셨고, 다른 블로그에서 사진을 부각시키는 메인화면을 쓰신 분이라면 젤 궁금할 듯한 의문이었죠...

어떻게 하냐구요?

가장 간단한 방법은....










네, 이렇게 티스토리 기본으로 있는 미디어 로그를 이용하는 방법입니다^^

그런데, 미디어 로그는 절대!!!안 이쁘죠???

네, 이 방법은 낭패입니다.


두번째 방법이 플러그인을 이용하는 방법이고, 제가 소개해 드리고자 하는 방법입니다.



자, 관리자 화면으로 들어가셔서 그림에 보이는 것 처럼

플러그인 -> 플러그인설정 -> 태터데스크(첫페이지 만들기)   를 선택합니다.









그러면 위와 같은 화면이 뜨고 본인 취향대로 설정을 합니다.

일단 "사용함"에 체크하시고!

반영위치는 첫페이지를 선택하시면 첫페이지에 태터데스크 꾸미기 화면만 나오고 글 내용은 안 나오게 됩니다.

                포스트 상단을 선택하시면 태터데스크 꾸미기 화면이 본문 상단에 위치하고, 아래에는 본문이 나옵니다. 지금 제 설정이죠~

                포스트 하단은 마찬가지로 하단에 꾸미기 화면이 나옵니다.

               차이점은 "첫페이지"를 선택하면 말 그대로 첫화면만 태터데스크 이용을 하고, 게시물 클릭해서 내용보기를 하면 태터데스크 화면을 다시 못 본다는 것이죠.
        
                물론, 메인화면 클릭하면 다시 볼수있지만, 그만큼 불편한 점이 있습니다.  직접 선택해서 적용시켜 보시면 아실 수 있습니다.


자, 여기서 설정하시고 "저장"하신담에 관리자 화면을 빠져나와 블로그 첫화면으로 이동해 보시죠~









음,, 아마도 예전과 비슷한데, 이렇게 화면 귀퉁이에 테터데스크 설정하기란 버튼이 생긴거 보이시죠??

자, 클릭해 볼까요?








네, 아이템 배치를 선택하면 위와 같이 태터데스크 관리자 화면이 뜹니다.

오른쪽이 선택할 수 있는 항목이고, 왼쪽이 내 블로그에 설정한 항목입니다.

보시다시피 "텍스트 목록", "섬네일 목록", "앨범형", "슬라이드쇼" 이렇게 크게 4가지로 꾸밀 수 있습니다.

그리고, 보이는 목록의 내용에 따라 사용자가 지정한 것을 보여주는 "포스트 선택 아이템" 또는 최근글만 보여주는 "최신글 아이템"을 선택할 수 있네요.

저는 포스트 상단에 간단하게 최신글의 메인사진들을 소개해서 쉽게 구분 가능한 최신글, 앨범형을 선택했습니다.

앨범형은 보시다 시피 간단한 섬네일과 제목,날짜 등을 보여줍니다.

그럼 각각 원하시는 바를 선택하시고 왼쪽에서 설정을 클릭해 보죠..









네, 전 카데고리 구분 없이 최신글만 3단으로 , 한 줄에 7개씩 보이도록 설정을 해 봤습니다.

3 x 7 = 21, 글 갯수는 21개를 선택했습니다.

그리고 섬네일 크기는 제 본문 사이즈가 960이고, 목록들간의 여백 생각해서 129 x 7 = 903, 그리고 보통 사진의 비율이 가로3 : 세로 2 의 비율이니  129 : ? = 3: 2  이라는 간단한

수식에 의해 86 이란 값을 얻어서 "가로 129, 세로 86"으로 설정했습니다. 물론 가로 사이즈는 계산해서 넣고서는 여백크기를 모르기땜에 적용후 다시 적용을 반복해서

경험적으로 값을 얻으셔야 합니다.

목록 더 보기 항목은 갠적으로 깔끔하게 보이지 않아서 숨겼습니다.


이런식으로 다 설정하신뒤에는 꼭!!!! 적용하기 누르신 담에 "첫페이지 만들기"를  클릭하셔야 합니다. 클릭안하면 절대 설정한 화면으로 적용이 안됩니다^^






네, 참 쉽죠??

여기까지 따라하셨으면 저와 같은 첫페이지를 만드실 수 있을겁니다.


그런데, 이 태터데스크 첫페이지 만들기의 한계는 엄연히 존재합니다.

바로 이렇게 설정함으로서 얻을 수 있는 이익, 바로 글 찾기가 아주 쉽다는 것이죠..

첫화면에 나오는 그림들보고 바로 클릭해서 원하는 게시물 들어갈 수 있는거죠..

그런데, 위의 설정에서 선택한 글 갯수, 즉 제 블로그에서는 "21개"까지만 항상 이 첫화면에 보입니다.

21개 이후의 다른 목록을 이렇게 직관적으로 보고 싶다.... 이 플러그인으로는 못합니다.

네, 아까 위에서 잠깐 소개한 "미디어로그"보기 로 밖에는 못합니다.

네, 아주 불편하고,,,, 또 느리죠.. 보시다시피 제 블로그에서는 html구문삽입을 하여

썸네일이 부드럽게 보입니다 (IE7 이상에서)

그런데, 미디어로그는 그 구문도 적용이 안되네요..


다른 블로그는 어떨까요?

제가 한때 사진가들의 천국이라고 했었던 파란블로그를 보실까요?


 
 
네, 파란블로그 (http://blog.paran.com/loveash) 의 메인화면입니다.

보시다시피 상단에는 큰 썸네일 2장과  아래에는 작은 썸네일 4개... 머 이런식으로 첫화면을 보이게 합니다.

이 방식은 모두 썸네일로 쉽게 게시물을 볼 수 있고, 최신글은 위에 좀 더 크게 표시를 해서 더 돋보이게 만들어 줍니다.

아~~~주 편리하죠, 그리고 목록형이라 다음화면 넘기면 또 이후 게시물들이 이런 형태로 계속 보여지게 됩니다.

그 중 원하는 글 찾아서 클릭하면 됩니다. 네, 아주 편합니다.




자, 그럼 파란블로그에서는 어떻게 설정하길래???




네, 파란블로그에서는 글보기 설정이란게 있어서

이렇게 여러가지로 첫화면을 설정할 수 있답니다. 글보기 설정이 다양하죠?

사진찍으시는 분들에게는 갤러리형...아주 좋습니다.




음, 태터데스크에서 비슷한 형태로 꾸밀수는 있습니다. 억지로 해 보면 예를 들면 제가 예를 든, 위에 2개, 아래에 여러개 나오게 할수는 있습니다.

태터테스크에서 앨범형을 두개를 선택해서 사이즈 조정을 하면 됩니다

단, 게시물 위쪽에는 최근 글 3개, 아래쪽에는 최근글인데 3개 이후로 4개째부터 게시...

머 이런 선택이 안 되므로 게시물이 위쪽과 아래쪽이 반복되어 나오겠죠?

하여튼, 이렇게 제한적입니다.



즉, 결론은, 태터데스크로 포토로그처럼 편하게 꾸밀수는 있다.

그러나, 그 적용이 아주 제한적이라 편하게 볼 수는 없다..굳이 편하게 게시물 검색하려면 미디어 로그를 써야 한다.


그리고 무엇보다, 얼마전부터 티스토리 "본문검색"이 없어져서 글 검색을 할때 아~~~주 불편하고,

태터데스크 첫화면 만들기가 더 편리해질 필요가 있다...라는 게 제 주장이자 요청이네요^^



오늘은 일요일, 일요일 근무 나와서 이것저것 한번 써 봅니다.









댓글42

    이전 댓글 더보기
  • BlogIcon 좋은사람들 2009.10.19 06:16

    티스토리에 갤러리형 기능이 없는것은 매우 아쉽지만~ 그래도 계쏙 업데이트 중이니 언젠가는 꼭 만들어 주실것 같아요~:~:)
    답글

    • BlogIcon 애쉬™ 2009.10.19 08:05 신고

      네, 티스토리니깐 언젠가는 이 글보고 개선시켜줄거라고 믿습니다. (사실 고객센터에 메일도 보냈답니다)

  • BlogIcon 한성민 2009.10.19 10:33

    전 사진이 너무 없어서 갤러리형으론 못 만들겠더라구요...^^
    멋지게 잘 만들었는데요...
    즐거운 한 주 보내세요..~~~
    답글

  • BlogIcon 소나기 2009.10.19 11:14

    거기 각 아이템 태그에서 날짜태그를 지워버리면 더 깔끔해져요.ㅎㅎ
    저는 그렇게 쓰고 있거든요.^^
    답글

    • BlogIcon 애쉬™ 2009.10.19 11:22 신고

      ^^ 네~ , 전 갠적으로 저~기 위에 파란블로그 처럼 썸네일에 날짜하고 코멘트숫자까지 표현되는 걸 좋아해서요^^

  • BlogIcon 친절한민수씨 2009.10.19 12:59

    참 꾸미는 방법이 무궁무진한데...
    만질줄 모르겠네오 ㅋ
    답글

  • BlogIcon skypark 2009.10.19 13:10

    저도 첫화면 꾸미기 하느라 고생했던 기억이 있습니다.
    다음목록이 안넘어가서 고민했었는데..알고보니 지원이 안되더군요.
    그래도 만족하며 잘 쓰고 있습니다.^^
    답글

    • BlogIcon 애쉬™ 2009.10.19 13:54 신고

      저도 첨에 다음이 안되서 무척 실망했습니다.
      그래도 티스토리의 강력한 내용검색기능으로 다소 부족한걸 채워지만, 며칠전 내용검색 기능이 없어졌거든요..

  • BlogIcon JUYONG PAPA 2009.10.19 14:00

    예전에 모로님 스킨을 사용할적에 저도 저렇게 설정을 하고 했었는데...
    저는 로딩속도가 조금은 느려지는거 같아서 바로 수정을 했었습니다.
    다시 해볼까~ 생각했는데 방법이 잘 기억이 나질 않았는데 보면서 기억이 되살아났네요. ^^
    조만간 다시 적용을 해봐야겠네요.
    답글

    • BlogIcon 애쉬™ 2009.10.19 18:52 신고

      음..맞습니다. 저렇게 해 놓으면 초기에 좀 느린게 사실이지요. 그러나, 저 스스로도 그렇고, 방문객들도 편하게 클릭하면 되니깐...저런 형태를 선호하게 되더라구요~

  • 저도 몇번 시도를 해 보았는데.. 전 이미 스크립트까 꼬일데로 꼬여서.. 더이상 진행은 무리더군요..ㅋㅋ
    나중에 스킨 바꿀때 시도해 보아야 겠어요~
    답글

    • BlogIcon 애쉬™ 2009.10.19 18:55 신고

      그러게요. 김군님 처럼 이것저것 많이 꾸며놓고, 달아놓으신 분들은 스킨 수정하는게 일이더라구요^^
      저도 이번에 간단스킨 변경하면서 절실히 깨달았답니다.

  • BlogIcon 기리 2009.10.19 23:09

    입맛에 맞게 꾸며보고 싶었는데...테터데스크로 한계가 있더군요.
    그냥 고만고만한 화면 만들어놓고 나중에 기능추가해주길 기다리고 있습니다!
    답글

  • BlogIcon azis 2009.10.20 04:43 신고

    오홍.. 그렇군요.
    어떻게 하셨을까 궁금은 했지만 소심한 1인;;

    소개글 감사드립니다 ^^
    답글

    • BlogIcon 애쉬™ 2009.10.20 15:55 신고

      ㅋ 아지스님~ 알고계실거라 생각했는데~ㅋ
      저는 파란에서 저런식으로 몇년간 써서 그런지 티스토리 오자마자 저 기능부터 찾았거든요..

  • BlogIcon 마루. 2009.10.20 13:51 신고

    저도 요런 스탈을 좋아하는데 어려운것 같아서 html조금만 만져서 865px정도로만 쓰고
    있습니다^^..나중에 사진에 좀더 심취하게 되면 이글 참조해서 바꿔보겠습니다..
    아참...이러한 스타일을 그냥 블로거에게 받을수도 있는거죠?
    답글

  • BlogIcon totoC 2009.10.20 14:49

    음....저렇게 꾸미고는 싶은데.아직 티스톨 구조를 다 이해하지도 못해서..흐음..-ㅅ-

    이런거 누가 올려줬음 좋겠다고 생각합니다만 ㅋ
    답글

  • BlogIcon 해바른 2009.10.30 20:40

    애쉬님 블로그의 첫 화면을 보고 이쁘다고 생각했는데, 이런 방법이 있었군용~~ 티스토리 꾸미는게 초보자로서는 어려워서 손도 안대고 있는데...잘 배우고 가요~~
    답글

  • BlogIcon 이정의 2009.12.16 09:24

    ^^ 좋은글 보고 가요~
    블로그를 꾸밀려고 이곳저곳 들러보다가 저도 애쉬님처럼 바꿨네요~ 감사합니다.
    답글

  • 어려워요 2009.12.31 00:16

    덕분에 최신글을 만들긴했으나 썸네일 밑에
    글제목이 반쯤 짤립니다. 세로크기를 크게하면 이미지란만 커지고
    제목란은 그대로 반쯤 글제목이짤려서 나오는군요.
    멀수정해야될까요? ㅠㅠ
    답글

    • BlogIcon 애쉬™ 2009.12.31 08:31 신고

      태터데스크 첫화면은 가로사진 위주로 되어 있습니다.
      저 같은 경우는 DSLR사진의 가로:세로 비율인 3:2 정도로 가로세로 크기를 조정하니 별문제 없더군요^^

  • BlogIcon 최길수 2010.01.11 21:31

    너무 궁금했는데...감사합니다..^^
    답글

  • BlogIcon kikikis 2010.11.27 21:37

    와우 !! 제가 찾고있던 정보이네요^^ 포스팅 감사드리고
    불로그 초보라서 아직 배울게 많네요 ^^ !! 감사드려요! 한번 도전해볼꼐요!
    답글

  • ecostory 2011.09.02 18:14

    잘 배우고 있습니다 :)
    답글

  • BlogIcon zealot71@naver.com 2013.01.21 17:49

    BGM은 어떻게 끄나요..
    답글

  • BlogIcon ㅇㅇ 2015.05.17 17:19

    혹시 이거 첫페이지를 사진한장만꽉차게한다음 클릭하면 홈으로이동하는방법아시나요ㅠ
    답글

  • BlogIcon 비스티 2018.09.09 16:45 신고

    플러그인 은 찾았는데요 플러그인 설정이 저는 안보이는데요... ㅠㅠ 이건 왜 그런걸까요? ㅠㅠ 티스토리 초보자 이다보니 잘 모르는것이 많습니다. ㅠㅠ
    답글