LIKE U

티스토리 갤러리게시판 썸네일 원하는 이미지로 올리기 본문

data/tistory

티스토리 갤러리게시판 썸네일 원하는 이미지로 올리기

mellow D_ 2015. 6. 28. 15:52





1. 썸네일로 사용할 이미지를 썸네일 사이즈에 맞게 만들어주세요.

( 대부분 320 or 310X180 px입니다. 정확한 사이즈는 썸네일을 캡쳐하시고 크롭하셔서 직접 수치를 재보시는게 좋아요 )





2. 썸네일 사진을 함께 업로드 한뒤 티스토리 글작성창 오른쪽의 파일보관함에서

썸네일 이미지의 파일 제목을 찾아 대표 이미지 설정해주세요.

( 대표이미지 설정으로 했는데 글에 가장 앞부분에 있는 이미지가 나온다 ! 하면 글 가장 앞으로 썸네일 이미지를 옮겨주세요. 사용되는 갤러리게시판 소스에 따라 다릅니다. )





게시글에 썸네일 이미지가 노출되도 상관없다면 2번까지만 해주시면 됩니다,

3번부터는 본문에서는 보이지 않도록 감추는 방법입니다.






3. 글작성창에서 상단의 HTML 버튼을 체크해주세요.







4. <p style="text-align: center; clear: none; float: none;">

[###_1N|cfile9.uf@2174E53C5576F52030F74C.jpg|width="433" height="672" filename="썸네일" filemime="image/jpeg"|_##]

</p>

 

위와 비슷한 태그가 여러개인데 그 중 filename이 썸네일 파일이름으로 된 걸 찾아주시면 됩니다.

 

<p style="text-align: center; clear: none; float: none; display:none;">

[###_1N|cfile9.uf@2174E53C5576F52030F74C.jpg|width="433" height="672" filename="썸네일.jpg" filemime="image/jpeg"|_##]

</p>

 

빨간색으로 표시해놓은 태그를 추가하시면 목록에서 썸네일 이미지는 지정하신 썸네일이미지로 뜨고 게시글 내에서는 크롭한 썸네일 이미지가 보이지 않게 됩니다.








네이버 블로그에서도 동일한 방법으로 원하는 이미지를 썸네일로 지정 가능하나,

모바일로 볼 경우 display:none; 이 안 먹히더라구요 ^^;

참고하셔서 꾸미시면 됩니다.






Comments