티스토리 FastBoot 메인화면에 티에디션 적용하기

오늘도 FastBoot관련 글을 올리고자 한다. 검색을 통해 스킨 변경하는 방법을 숙지하고 블로그에 적용을 시켜보고 있다. 눈에 띠게 달라지는 점은 없지만 소소하게나마 변경하고 있다. 금일은 밋밋한 메인화면을 좀 더 보기좋게 정렬해주는 티에디션에 대해 알아보려한다. 현재 필자의 블로그 메인화면이 티에디션을 이용하여 만들어졌다. 관심있는 분들은 이 글을 보고 적용해보길 바란다.

# 글과 사진에 대한 저작권은 지니군의 Daily Life에 있으며, 이미지는 직접 편집하여 사용하는것과 관련사이트 및 무료 배포사이트를 이용함을 알립니다. -- copyright(c)지니군. #

티스토리 티에디션 적용하기

티에디션을 꾸미기에 앞서, FastBoot 스킨의 경우 HTML 소스코드를 변경해줘야 정상적으로 적용이 가능하다. Fastboot 스킨이 아닌 티스토리에 지원해주는 기본스킨이라면 현재의 과정은 생략하고 진행하면 된다.

1. 관리메뉴 - html소스코드 변경.

관리화면으로 이동하여, HTML/CSS 메뉴를 선택한다.

2. HTML 코딩에서 티에디션 사용설정

HTML 코딩화면에서 ctrl+F를 눌러서 검색창에 f_enableTedition 검색한다. 그럼 아래 이미지처럼 var f_enableTedition = false; 라는 구문이 검색이 될 것이다. 여기서 false;가 기본으로 설정되어 있을텐데 이부분을 true;로 변경해주고, 저장버튼을 눌러 HTML 작업을 마무리한다.

3. 티에디션 적용하기

이제 다시 관리메뉴로 이동한 뒤, 화면설정으로 들어간다. 그럼 우측에 티에디션 사용하기 버튼이 보일것이다. 여길 클릭해준다.

이제 티에디션이 활성화 되었다. 현재의 화면에서 티에디션으로 내 블로그를 꾸며보세요! 라는 글귀가 있는 이미지에 티에디션 시작하기 버튼이 보인다. 

티에디션 시작하기를 누르게 되면, 메인화면으로 이동이 되면서 자신의 스타일대로 꾸밀 수 있는 화면이 나타난다. 그럼 비활성화된 팝업창 떠있고, "편집하실 아이템을 선택하세요." 라는 문구가 보일것이다. 여기서 메인화면을 클릭하게되면 팝업창이 활성화가 된다. 필자의 화면을 참고 이미지로 올렸다. 현재 화면은 위,아래 구분이 되어있지만 처음 시작하는 분이라면 한개의 화면만 나타날것이다.

이제 팝업창에 있는 아이템(메인화면에 나타낼 디자인),글선택(카테고리),디자인(글꼴편집)을 이용하여 자신의 스타일에 맞게 꾸며주면 된다.

본인에게 맞게 세팅이 완료되었다면 우측 상단에 적용하기 버튼을 눌러서 저장하고 빠져나온다. 자신이 세팅한대로 메인이 보여진다. 만족스러운가? 아래 이미지는 필자의 메인화면이다. 목록형으로 해서 만들었는데 이미지를 눈에띄게 부곽하고 싶다면 헤드라인형을 선택해서 이용하는방법도 좋을듯하다. 티에디션을 이용하여 메인화면을 멋지게 만들어 보도록하자! 이상_끝.

FastBoot 상단메뉴 한글변경 및 추가

FastBoot v1.6.2 스킨 적용하기