Fastboot스킨 메인화면 첫페이지 꾸미기
1. 태터테스크 설정해서 메인화면(첫페이지) 꾸미기
2. Fastboot스킨 티에디션 사용 설정하기
3. Fastboot스킨 메인화면 우측 사이드 메뉴 보이게 변경하기
Fastboot 스킨을 적용하면 그림1처럼 처음에는 메인 화면이 다음과 같이 기본 구조가 Fastboot 스킨으로 반영이 되고 컨텐츠는 빈것으로 나온다.
그럼 카테고리로 들어가 보면 어떻게 보일까?
현재 '티스토리 따라하기'대 카테고리를 만들었고 그 밑으로 '스킨 꾸미기'와'배너 꾸미기'란 소 카테고리를 만들어 논 상태이다.
카테고리를 클릭하면 그림2 처럼 포스팅 본문이 보이고 오른쪽으로 메뉴들이 자리잡고 있는 것을 볼 수 있다.
<그림1>
<그림2>
이번 시간엔 메인 페이지에 컨텐츠들이 보이게 하는 것과 메인 페이지에도 카테고리 페이지에서 나오는 것처럼 오른쪽 메뉴들이 보이도록 꾸며 볼까한다.
메인 페이지 꾸미기 1. 태터데스크로 메인페이지에 포스팅 컨텐츠 보이게 하기
메인페이지들 꾸미는 방법은 두 가지가 있습니다. 대터데스크로 꾸미는 것과 티에디셔능로 꾸미는 방법이다.
Fastboot스킨을 적용하셨다면 티에디션을 설정해서 티에디션으로 꾸며야 한다.
태터데스크와 티에션의 차이라고 한다면 태터데스크는 네이버 블로그 템플릿처럼 만들어져 있는 템플릿을 그대로 적용하는 것이고,
티에디션은 만들어져 있는 템플릿을 좀 더 원하는 구성으로 변경할 수 있는 정도라 보면 될것 같다.
일반 스킨을 쓰시는 분들은 태터데스크로 메인페이지를 꾸밀수가 있는데 먼저 태터데스크로 꾸미는 방법을 알아보겠다.
예전에는 플러그인에서 설정을 해줘야 하는 번거로움이 있었는데, 블로그관리홈> 꾸미기> 스킨편집에 들어가보시면 태터데스크 버튼이 생겼다.
아래 그림처럼 "태터데스크"를 누르고 상단 "저장" 버튼을 클릭한다.
아래 그림처럼 메인화면 오른쪽 위에 "태터데스크 설정"하기 아이콘이 뜨고 메인 화면에 포스팅들이 보이는 것을 볼 수 있다.
메인 페이지 꾸미기 2.Fastboot 스킨 메인페이지 티에디션 설정하는 방법
Fastboot스킨에서 메인 화면을 변경하기 위해선 티에디션을 활용해야 한다.
참고로 Fastboot스킨을 사용하면 여러가지 변경시 html을 활용해야 하는 경우가 많다. 그러나 어렵지는 않으니 잘 따라하기만 하면 된다.
티에디션 설정하기
먼저 블로그관리홈> 꾸미기> 스킨편집 으로 들어간다. 처음부터 잘 따라오신 분이라면 이제 어디로 들어가라 말씀드리면 잘 들어가실 줄 믿고 이미지는 첨부 안하겠다.
HTML로 들어가면 왼쪽 화면에 '블로그 포스팅 화면' 오른쪽은 'HTML화면'이 나온다.
HTML 언어들로 가득차 있는 화면을 보고 겁내지 않기를 바란다. 그냥 따라만 하면 된다.
일단 HTML화면에서 "f_enableTedition"라고 써있는 것을 찾는다. 보통 약 40번째 줄 정도 가서 보면 찾을 수 있을 것이다.
그런데 아무리 찾아도 안보이면
Ctrl + F를 눌러서 찾기 칸이 나오면 거기에 f_enableTedition을 검색하면 노라색으로 표시가 될 것이ㅏ.
참고로 혹시라도 HTML 화면에서 버벅인다거나 하면 익스플로어 말고 크롬을 사용해 보기 바란다.
우측으로 보면=false;로 되어 있는데 false를 true로 바꿔준다.
그리고 나서 오른쪽 상단의 저장하기 버튼을 누르고 닫기를 누르면 된다. 저장까지 다 됐으면 이제 티에디션을 활성화 해보자.
블로그관리홈> 꾸미기> 스킨편집에 티에디션 버튼이 보일것이다 "티에디션 버튼"을 클릭하고 "저장" 버튼을 클릭한다.
설정하고 나서 변경사항 저장후 블로그로 돌아가 보면 오른쪽 상단에 티에디션 아이콘이 있는것을 볼 수 있다.
이제 티에디션 아이콘을 눌러서 자신이 원하는 메인화면을 꾸밀 수 있다. 물로 원하는데로는 아니고 티에디션 내의 템플릿 내에서 말이다.
티에디션을 사용하는 방법은 먼저 티에디션을 누르면 아이템에 클릭이 되어 있다.
먼저 메인화면에서 변경할 곳을 먼저 클릭을 하면 클릭한 곳이 파랗게 변한다. 그리고 나서 티에디션으로 돌아와 원하는 스타일을 선택하고 글선택 탭을 선택해서 해당 위치에 나올 카테고리를 선택한다.
디자인 탭에서는 각 위치별 타이틀(제목)을 쓸 수 있다. 제목없이 해도 되고 제목을 쓰려면 타이틀에 체크를 하고 제목을 써준다. 바로 밑에 글씨체와 글씨 크기 그리고 색을 선택할 수 있다.
그 아래 배경, 테두리, 아이콘 부분이 있는데 이것은 제목에 테두리나 밑줄등을 설정하는 것이다.
참고로 각 위치마다 위아래로 + 아이콘이 있다. 위에 + 를 누르면 위로 다른 새로운 칸이 생기고 아래 + 를 누르면 아래로 생긴다.
삭제하거나 위아래로 변경을 할 수 있다.
이렇게 원하는데로 갯수, 위치조정, 스타일을 선택하여 메인화면을 꾸미된 된다. 그리고 나서 오른쪽 상단의 적용하기를 누른후 나가기를 클릭하면 메인 페이지가 바뀐 것을 확인할 수 있다.
이렇게 티에디션을 설정하면 메인화면에 포스팅 컨텐츠들을 꾸밀 수 있을뿐 아니라 메인화면에 오른쪽 사이드 메뉴까지 활성화를 할 수 있다.
이로써 메인화면 보이게 하기, 메인화면 오른쪽 사이드 메뉴 보이게 하기. 티에디션 활성화 시키기 및 꾸미기를 끝마쳤다.
자신의 입맛대로 꾸미면 되는데 혹시나 저의 블로그 메인화면처럼 꾸미고 싶은데 잘 안되는 분들을 위해 다음시간에는 저의 블로그 메인 화면처럼 꾸며 보도록 하겠다.