본문 바로가기

인터넷 IT/반응형스킨

알씨꾸미기 썸네일만들기 티스토리 인기글 적용하는방법

누군가에게 강하게 어필하고 싶은 부분이 있죠.

어쩌면 메인화면의 중요성을 굳이 여기서 이야기할 필요는 없을듯 합니다.

 

인기있는글, 관심글 등으로 표현하면서 독자에게 읽히고 싶은 글.

그것을 썸네일을 만들어 글 중간중간 또는 메인화면 어느  부분에 채워넣는다면 좋겠죠.

 

fastboot 스킨 에는 이런 부분이 참 깔끔하게 나오는듯 합니다.

본 글의 우측 중반에 보면 최신글 부분이 보일 것입니다.

이 부분을 본따서 우측 하단에 인기글 하나 만들어 보는 작업을 해보았습니다.

 

 

오늘은 비도오고 해서 영상까지 만들어서 올려봅니다.

오늘 작업과정은 아래 부분 영상에서도 볼수 있습니다.

목소리도 안좋고, 영상은 그냥 맛보기 정도라서 그냥 큰 편집없이 작업과정을 그대로 보여주고 있어서 좀 지리할수도 있습니다.

 

알씨꾸미기 썸네일만들기 티스토리 인기글 적용하는방법

 

글로만 표현하는 것보다 썸네일을 만들어서 보여주면 독자는 좀 편하게 볼수 있습니다.

포토샵을 통해서 작업하면 좋겠지만, 속도나 시간 문제로 주저하는 분들이 많죠.

 

그럴때 알씨 활용하면 좋습니다.

저는 블로그만들기 글 등록할때면 꼭 알씨꾸미기와 네이버 포토뷰어 두가지를 활용합니다.

 

 

자, 이제 본격적으로 한번 볼까요?

위의 화면은 알씨꾸미기 작업화면입니다.

 

미리 카테고리를 만들어 일상의 풍경들을 분류해서 올려놓으면 좋겠죠.

필요한 사진을 꺼내 옵니다.

그런다음 하단에 알씨꾸미기 부분을 눌러주면 되죠.

 

 

제가 선택한 사진들이 하단에 사진목록으로 나온것을 확인할수 있습니다.

이때 좌측의 메뉴를 통해 사진을 수정하면 됩니다.

사진을 찍을때는 보다 크고 선명한 사진이 좋겠죠.

 

하나하나 작업할수도 있지만, 알씨꾸미기 장점은 위 사진 좌측 하단부에 보면 알수 있듯 모든사진에 적용하기 부분이 있어서 일괄작업 하기가 편합니다.

 

썸네일 만드는 방법은 의외로 간단하죠.

 

 

썸네일 보이는 부분은 정사각형이 좋기 때문에 일단 크기변경부터 해줍니다.

물론 여기서 fastboot 스킨 최신글 보여지는 썸네일 사이즈 40*40 사이즈를 만들수도 있지만, 네이버 글 검색시 나오는 썸네일까지 고려하여 일단 500*500 사이즈로 만들어 봅니다.

 

이 부분은 간단히 네이버 포토뷰어 통해서 사이즈조정이 가능하니까 크게 무리는 없습니다.

 

사이즈 조절한 뒤에는 여러작업 없이 좌측 하단의 액자 부분을 눌러서 가장자리 여백을 날려주면 됩니다.

 

 

인기글 티스토리 fastboot 스킨 부분에 적용하는 부분은 이번주중 작업해서 올리겠습니다.

소스 부분과 함께 올려볼 예정입니다.

 

fastboot 스킨 다른글 먼저보기

 

2017/06/26 - [인터넷 IT/반응형스킨] - 블로그 스킨 만들기 FASTBOOT 내가힘들었던 부분

2017/07/01 - [인터넷 IT/반응형스킨] - 블로그꾸미기 반응형블로그 첫페이지만들기 티에디션강좌

 

 

똑같은 사진을 그대로 올리는 것은 아무래도 부담입니다.

그래서 저같은 경우에는 알씨꾸미기 부분으로 크기를 변경하고 다른 사진으로 인식하기 위해서 글상자 부분에 숫자를 매번 다른 부분으로 넣어줍니다. 숫자부분은 글크기를 1로 ( 가장 작게 ) 만들어서 독자에게 보이지는 않게 하고요.

 

이렇게 변경된 사진은 내가 종전에 올렸던 사진과 같은 사진으로 인식하진 않겠죠.

여기에 네이버 포토뷰어 통해서 화일형식과 사진이름 변경하는 작업을 합니다.

 

뭐든지 조금만 정성을 다하는 것들이 보여지지 않는 부분에서의 블로그 지수에도 도움이 되겠죠.

 

작은 수수료도 무시할수 없는 돈이야기

 

2017/07/05 - [인터넷 IT/구글애드센스] - 구글애드센스수수료 스탠다드차타드은행 만원절약해볼까