FastBoot v1.4 반응형 스킨 기본값 설정 해야할 것

FastBoot v1.4 반응형 스킨 기본값 설정 해야할 것

  기본적으로 세팅해줘야 할 것이 거의 없는 점이 FastBoot스킨의 장점으로 생각하고, 그렇게 되도록 제작하고 있습니다. 최우선적으로 생각하는 것이 설치 후 No Setting으로도 FastBoot테스트용 블로그처럼 바로 형태를 갖추게 하는 것이 목표였습니다. 그래서 상단 메뉴바에 카테고리가 들어가면 효율적인 것을 알지만 사용자분들마다 카테고리를 사용하는 환경이 다르기 때문에 넣지 않고 Home, Tag, Guestbook 세가지만 뜨도록 해둔 것입니다.

2014/03/08 - [연재/FastBoot] - FastBoot v1.3 반응형 스킨 블로그에 적용하기

  설치법은 위 포스팅을 참고하시면 되고,

  FastBoot을 받으시고 설치한 다음에, 설정해야 할 것은 3가지 뿐입니다. 사실 이것도 안해도 되지만 권장사항으로 두는 것입니다.

1. 모바일 스킨을 OFF

2. 화면출력에서 '목록만' 으로 설정

3. 취향에 따라 카테고리 출력을 변경

모바일 스킨 OFF

  

  FastBoot스킨은 반응형이기 때문에 모바일에서도 속도를 잘 뽑아줄 수 있고 보는데 지장이 없도록 디자인 되어 있습니다. 모바일에서도 FastBoot스킨으로 보이게 하기 위해 OFF시켜줍니다. 위는 앞으로 나올 FastBoot스킨의 모습입니다. v1.5에 생길 예정인 Offcanvas..

화면출력 목록만으로 설정

  이것 역시 저번 포스팅에서도 했던 이야기이지만.. 화면설정 > 화면출력 > 선택 화면에서 목록만으로 해주셔야 갤러리형이든 어떤 것이든 잘 나오게 되어 있습니다. 목록+내용을 하시게 되면 카테고리 선택화면에서 너무 느려지고, 내용만 하면 아예 갤러리형이나 리스트형을 사용하실 수가 없습니다. 위 설정을 꼭 확인해주셔야 합니다.

취향에 따라 카테고리 출력을 변경

  1.4버전부터 새로 3가지 유형의 카테고리 유형을 선택하실 수 있게 옵션을 넣어두었는데요,

  지금 첨부한 사진은 List형이고, 기본값으로는 Gallery로 되어 있습니다. 자신의 티스토리에 처음 방문하는 사람이 Gallery형태로 글 목록을 보기를 원하지 않으시면 skin.html에서 한 글자만 수정하시면 기본값이 변합니다.

rMode = getCookie('rMode');
if (rMode == '') {
	rMode = 0; // Deafault Mode
}
if (rMode == 0) {
	document.getElementById('search_gallery').style.display = 'block';
	document.getElementById('search_list').style.display = 'none';
	document.getElementById('search_title').style.display = 'none';
} else if (rMode == 1) {
	document.getElementById('search_gallery').style.display = 'none';
	document.getElementById('search_gallery').className = '';
	document.getElementById('search_list').style.display = 'block';
	document.getElementById('search_title').style.display = 'none';
} else if (rMode == 2) {
	document.getElementById('search_gallery').style.display = 'none';
	document.getElementById('search_gallery').className = '';
	document.getElementById('search_list').style.display = 'none';
	document.getElementById('search_title').style.display = 'block';
}
	

  위 코드에서 Default Mode라고 되어있는 곳 왼쪽의 숫자를 바꾸시면 됩니다. 0이 기본값인 갤러리형, 1이 리스트형, 2가 심플타이틀형입니다. v1.3버전에서는 1로만 쓸 수 있었죠.

v1.4 버그 공지

  Soulkey님이 제보해주신 것인데, 0이 아닌 다른 값으로 하면 쿠키값이 저장이 안된 처음 방문하는 방문자의 경우에는 현재 리스트가 보이지 않는 버그가 있는 것으로 보입니다. 위에서처럼 수정하신 다음에, 다시말하면 rMode = 1 or 2; 로 하신다음 그 바로 밑줄에 아래 코드를 추가해주세요. rMode를 2로 한 예를 들면,

  rMode = 2;

  setCookie('rMode', rMode, 365);

  이런식으로 될 것입니다. 기본값을 방문자의 컴퓨터 브라우저 쿠키에 저장하는 코드입니다.

(갤러리형으로 쓰고 계신 분들은 상관 없습니다.)

  사실 위 내용들은 따로따로 포스팅 되어 있던 내용들입니다만 잘 발견하지 못하시는 분들이 계시는 것 같아 합쳐서 포스팅 해보았습니다. 이외에도 상단바 색상 바꾸기, 배찌 색상 바꾸기 등등 여러 커스텀에 대해서도 연재>FastBoot 카테고리에 포스팅해두었으니 참고하시면 좋을 듯 합니다.