티에디션 썸네일(Thumbnail) 수정하기
티에디션 대표이미지 수정하기

티스토리 첫화면 설정으로 티에디션을 사용하고 계신분이 많습니다. 저역시 티에디션을 사용하고 있구요. 첫화면에 등록되는 글들의 대표이미지가 흥미로울수록 방문자 분들에게 글을 읽어보고 싶은 욕구?를 자극할 수 있겠죠.

그런데 간혹 티에디션 썸네일이 원치 않는 이미지로 설정될 때가 있습니다.
기본적으로는 글쓰기 에디터상 파일첨부 부분에서 가장 위에 있는 이미지가 설정되도록 되어있는데 이 썸네일을 간단하게 수정하는 방법을 소개합니다.





썸네일 이미지 바꾸기  



제가 포스팅 했던 '윤하, 아이유에 무너지지 않았다.' 라는 글의 티에디션상 썸네일이 본문 안에 있는 윤하 사진으로 설정되어있는걸 확인할 수 있는데요. 이 사진을 역시 본문 안에 있는 아이유 사진으로 바꿔보도록 할께요.

자 티에디션 설정화면으로 가볼까요?



티에디션 설정창에서 수정하실 구역을 클릭하신 후 '디자인' 탭 클릭 그리고 '상세' 버튼을 눌러주세요.



해당 구역에 현재 등록되어 있는 글 목록이 표시됩니다.
글 목록에서 썸네일을 수정할 글을 클릭!
그리고 설정창 하단의 '썸네일'을 클릭해주세요.



그럼 설정창 오른편에 현재 등록된 이미지가 보여지는 새로운 창이 나타납니다.
사진 바로 아래 있는 '대표이미지 변경'을 클릭!



클릭하시면 해당 글에 등록되어 있는 이미지 파일 목록이 나타납니다.
글을 작성하실 때 등록하셨다가 지우셨어도 파일첨부에서 지우시지 않으면 여기에 나타나게 되요.

다시 생각해보면 본문 안에서 볼 수 없는 사진으로 썸네일 사진을 등록할 수 있다는 것!
크기 조절을 해서 썸네일에 이쁘지 않게 나오거나 크기 조절을 안해서 이미지가 썸네일에 이쁘지 않게 나올때, 크기 조절한 것과 크기 조절하기 않을 것 모두 본문에 등록을 했다가 하나를 지우면 썸네일을 수정할 때 두 이미지 모두 확인할 수 있답니다.

우리는 아이유 사진으로 바꿔보기로 했으니 아이유 사진을 클릭!



짠! 아이유 사진으로 썸네일이 바뀌었습니다.

음 그런데 정작 썸네일상엔 아이유 사진이 목 잘려서 나왔네요 ...
수정해야겠죠?





썸네일 이미지 기준 포인트 바꾸기  



티에디션 설정창의 디자인 탭에서 기본화면 아래에 있는 썸네일 설정을 원본비율로 할 경우에는 이미지 전체가 썸네일 사이즈에 맞춰서 나오기 때문에 상관없지만 상단, 중앙, 하단기준으로 설정하셨을 경우 큰 이미지가 잘려서 나옵니다.

우리는 이 기준 포인트가 어디에 있든 기준 포인트를 원하는 곳으로 바꿀 수 있어요.



티에디션 설정창 오른편의 이미지창에서 주황색 직사각형 부분을 드래그 하시면 원하는 지점으로 이동하게 됩니다. 자유롭게 어디로든지 이동시킬 수 있어요.

자 이제 아이유의 얼굴이 보이는군요 +_+ㅋ

기본 설정이 상단, 중앙. 하단 어디로 기준이 설정되어 있든 이미지별로 각기 다른 기준 포인트를 이렇게 설정해줄 수 있습니다.

그리고 설정창에서는 다른 적용 버튼 클릭할 필요없이 수정하고 싶으신 부분을 다 수정하신 후 화면 위의 적용하기 버튼만 클릭해주시면 끝!



자 이렇게 '윤하, 아이유에 무너지지 않았다.' 글의 티에디션 대표이미지가 윤하 사진에서 아이유 사진으로 바뀌었습니다.





티에디션 썸네일이 마음에 드는 이미지가 아니라고 걱정하지 마시고 간단하게 수정하셔서 방문자 분들의 시선을 사로잡아보세요 ^^




신고

댓글을 달아 주세요

  1. BlogIcon 토나 2010.12.20 17:37 신고  Addr  Edit/Del  Reply

    티에디션으로 첫화면 설정 잘 하신분들 보면 부럽습니다.
    이젠 스킨 손대긴 싫은데...ㅋ 꼬꼬마님 글 보니 슬슬 욕심이 생기네요!
    좋은 정보 잘 보고 갑니다~ 즐거운 저녁 되세요^^

    • BlogIcon 그냥 꼬꼬마 2010.12.21 17:25 신고  Addr  Edit/Del

      저도 티에디션으로 첫화면 멋지게 꾸미고 싶어서 맨날 티에디션 설정 이리 바꿔보고 저리 바꿔보고 해보는데 가장 좋은 자리배치가 뭔지 모르겠어요 @_@;;
      할수록 어려운 것 같아요 ㅋ

  2. BlogIcon 이즈 군 2010.12.21 10:29 신고  Addr  Edit/Del  Reply

    전 아직은 사용하지 않지만..
    블로그 운영방안과 함께 고려중인 서비스입니다. ㅎㅎ
    좋은 정보 감사합니다. ^^

  3. BlogIcon ★Zebra★ 2010.12.21 18:58 신고  Addr  Edit/Del  Reply

    이야~ 블로그 많이 아시네요~
    블로넷에서 와서 봤는데 갓 시작한 분이 아니신것 같아요~!

  4. BlogIcon 맥컬리™ 2010.12.22 01:55 신고  Addr  Edit/Del  Reply

    오오~~ 이 내용도 궁금했었는데, 좋은글입니다.
    썸네일 박스 이미지가 엉뚱한게 자동으로 걸려서 보기 싫을때가 많았지요.
    오늘도 한가지 배우게 되네요... 캄사합니다.. ⌒⌒;
     
    요~~~위에 카테고리 목록 우측에 글쓴날짜를 없애고
    주렁주렁 별모양 넣는 방법도 궁금하네요...
    이러다가 따라쟁이 될 듯 싶네요. ㅋㅋ

    • BlogIcon 그냥 꼬꼬마 2010.12.22 18:31 신고  Addr  Edit/Del

      감사합니다 ^^
      음 카테고리 목록은 플러그인 소스를 빼서 카테고리 목록 위치바꾸기를 하는 소스를 약간만 수정하면 되는거였는데 정리해봐야겠네요 ㅎ 정리해서 알려드릴께요 ^^
      아! 맥컬리님은 지금 추천위젯 정렬하면서 카테고리목록 소스도 아래에 같이 있죠. 그럼 쉽게 할 수 있을 것 같아요. 소스 확인하러 맥컬리님 블로그로 슝~ ㅎ

  5. BlogIcon 스마트핸즈 2011.02.24 22:18 신고  Addr  Edit/Del  Reply

    안녕하세요. 그냥 꼬꼬마님 한가지 여쭈어 볼께 있어서요. 글을 올리면 티에디션에서 사진이 안보이고 회색화면으로 나옵니다. 링크 사진 안나오는건 알고있는데, 제가 직접 블로그 글작성에서 넣은 사진도 티에디션에서 10개 중 2개정도 나오고 나머지는 사진이 안 나옵니다. 혹시 이유를 아시는지요? 제발 혹시 아시고 계시면 댓글 부탁 드립니다.

  6. BlogIcon Bimil 2011.06.06 12:50 신고  Addr  Edit/Del  Reply

    티에디션에서 찾던 정보가 여기에 다 있네요. 정말 유용한 정보 잘 보고 갑니다. (__)

  7. BlogIcon patek philippe watches 2011.08.06 17:17 신고  Addr  Edit/Del  Reply

    티에디션에서 찾던 정보가 여기에 다 있네요. 정말 유용한 정보 잘 보고 갑니다. (__)

  8. BlogIcon 링크 빌딩 2011.08.07 21:18 신고  Addr  Edit/Del  Reply

    노무현 전 대통령님 진심으로 명복을 빕니다.

  9. BlogIcon likeamelody 2011.08.25 21:00 신고  Addr  Edit/Del  Reply

    좋은정보 보고갑니다 ^^ 썸네일이 안예뻐서 어떻게하나 하고 있었는데 이렇게 하면 되는군요 ^^

  10. BlogIcon Fine Jewelry 2011.09.23 01:10 신고  Addr  Edit/Del  Reply

    커피잔 모양의 카드케이스 매력있어요 ㅋ

  11. BlogIcon replica watches 2011.10.16 10:25 신고  Addr  Edit/Del  Reply

    전 아직은 사용하지 않지만..
    블로그 운영방안과 함께 고려중인 서비스입니다. ㅎㅎ

  12. BlogIcon 라진호 2012.08.25 15:25 신고  Addr  Edit/Del  Reply

    티에디션으로 썸네일 위치 조정이 되는 줄은 몰랐네요 ^^; 좋은 정보 감사합니다. 그리고 덫붙여, 블로그 디자인도 정말 이쁘네요. 롤모델로 삼을만한 블로그인 거 같습니다! 많이 배우고갑니다.

  13. BlogIcon Oops_story 2013.07.17 09:48 신고  Addr  Edit/Del  Reply

    도움받고 갔니다. ^^ 썸메일이 이상하게 나와서 좀 그랬었는데.

티스토리 툴바