티에디션으로 티스토리 홈화면 꾸미기

일반적으로 티스토리에서 제공되는 스킨을 사용하시는 경우에도, 개인적으로 다른 반응형 스킨으로 변경하신 분들의 경우에도 스킨 홈화면은 티에디션을 활용해서 꾸미는게 HTML 작업을 하는 것 보다 좀 더 편리한 것 같다. 필자의 경우에도 반응형 스킨 fastboot 1.6.2을 사용하고 있지만 홈 화면은 티에디션을 활용해서 구성했다. 오늘은 티스토리 티에디션 기능을 활용해서 블로그 홈 화면을 꾸미는 방법에 대해서 알아보도록 하자.

---

티에디션으로 티스토리 홈화면 꾸미기

1. 반응형 스킨 fastboot 1.6.2 를 사용하시는 경우

먼저 반응형 스킨 fastboot 1.6.2 을 적용하신 경우를 기준으로 설명하고자한다. 홈화면의 모습이다. 깔끔하고 나름대로 잘 배치되어있긴 하지만 최신글 몇개만 노출이되고 구글 애드센스등을 삽입하려면 별도로 Html을 수정해줘야 하는데 코드 수정이 익숙하지 않은 경우에는 손대기 어렵다. 해당 반응형 스킨을 사용하는 경우 티에디션을 적용하려면 먼저 티에디션을 활성화시켜줘야한다.

관리자 페이지에서 [꾸미기 - HTML/CSS편집]으로 들어간다.

HTML 창에서 Ctrl + F를 누르고 enableTedition이라고검색하면 티에디션에 대한 코드가 나오는데, 해당 내용을 False에서 True로 변경하면 적용이된다.

var f_enableTedition = false를 true로 변경;

티에디션이 활성화 되었으니 이제 관리자 페이지에서 티에디션 설정을 사용으로 바꾸고 본격적인 꾸미기 작업을 진행하면 된다. 티에디션에서 제공하는 일반 스킨을 사용하시던 분들은 여기서 부터 따라하면 된다.

---

2. 반응형 스킨 & 일반 스킨 공통

관리자 페이지에서 [꾸미기 - 설정]으로 들어간다.

하단에 티에디션을 사용하지 않습니다를 사용합니다로 변경하고 변경사항 저장을 누른다. 그러고 나면 티에디션 설정하기 버튼이 활성화 되는데 버튼을 누르면 홈 화면과 함께 티에디션 설정창이 나온다.

게시글의 분류 형태는 헤드라인형 / 목록형 / 갤러리형 / 조합형이 있는데, 어떤 형태로 구성할지 고를 수 있다. 직접 선택해보면서 고르면 된다. 어떤 형태이냐에 따라서 모바일에서는 예쁘게 보이지 않는 경우도 있기 때문에 확인해가면서 설정하는 것을 추천한다. 

해당 형식처럼 우측에 이미지가 표시되고 좌측에 빼곡하게 글이 쓰여지게 하려면 상단이미지 목록형 있는 형식을 선택하면 된다. 표기되는 대표 이미지의 비율이나 글꼴의 속성 (크기, 색상) 등도 얼마든지 변경이 가능하다.

설정 예시 이미지이다. 디자인 카테고리에 들어가면 썸네일 이미지의 비율이나 크기를 설정할 수 있고, 타이틀 글제목, 글요약 등에 대한 세부 설정도 변경이 가능하다.

글선택 카테고리에 들어가면 어떤 글을 노출시킬지 정할 수 있다. 맨 하단에 이미지가 있는 글만 가져오기를 선택하면 이미지가 없는 포스팅은 홈화면에 노출되지 않는다.

변경된 홈 화면이다. 깔끔하고 마음에 든다. 티스토리 에디션을 활용해서 홈화면에 애드센스를 부착할 수 있는데, 해당 내용에 대한 포스팅도 조만간 업로드 할 예정이다.