자유로운호걸

블로그 운영/FastBoot 스킨 꾸미기 (5)

FastBoot 본문 폰트(글꼴) 바꾸기

블로그 운영/FastBoot 스킨 꾸미기 자유로운호걸 2017. 11. 18. 22:22

블로그를 운영하면서 기본적으로 제공되는 폰트 말고 새로운 폰트를 적용 시키고 싶을 때가 있다. 그리고 일부 폰트는 휴대폰이나 작은 화면에서는 잘 보이지 않기 때문에 최적화 된 폰트로 변경하고 싶을 때가 있다. 이럴 경우는 폰트를 추가해서 FastBoot 스킨에서 적용을 해 줘야한다. CSS 코드를 손대야 한다는 부담감은 있지만 조금씩 하다보면 어렵지 않을 것이다. FastBoot 본문 폰트(글꼴) 바꾸기 가장 많이 사용되는 글꼴인 나눔고딕으로 기본 본문 글꼴을 변경해보도록 하겠다. 크게 두가지 방법이 있는데 폰트 파일을 스킨에 업로드 해 사용하는 방식과, 구글 웹 폰트를 사용하는 방식이 있다. 굳이 용량이 증가하게 스킨에 폰트 파일을 업로드 시키키 보다는 구글 웹 폰트를 사용하는 방법을 적용해 보겠다. ..

더 읽기

FastBoot 본문 글자 크기 변경하기

블로그 운영/FastBoot 스킨 꾸미기 자유로운호걸 2017. 11. 18. 20:59

FastBoot 스킨으로 변경하고 나서 글을 쓰면 항상 본문 글씨가 너무 작게 나왔다. 그래서 항상 글을 다 쓴 다음에는 일괄적으로 글자 크기를 지정해 줘야했다. 아래 그림과 같이 처음에는 티스토리 관리에서 설정에서 글꼴과 크기를 설정했지만 실제로 쓴 글과 달랐다. 그 이유는 티스토리에서 설정해주는 글자 크기와 별개로 FastBoot에서 글자 크기를 지정해주기 때문이다. 아무리 설정에서 변경해도 FastBoot 스킨에서 본문 글자 크기와 글꼴이 설정되 있기 때문에 FastBoot 스킨에서 CSS 코드를 변경해 주지 않으면 기본 글자 크기와 글꼴은 변경되지 않았다. FastBoot 스킨을 쓴다면 이 설정은 글쓰기 모드에서만 적용이 되고 발행을 하면 FastBoot에 있는 본문글 10pt를 기본 값으로 가지..

더 읽기

FastBoot 티에디션 사용해 Home 화면 꾸미기

블로그 운영/FastBoot 스킨 꾸미기 자유로운호걸 2017. 11. 7. 20:01

FastBoot 스킨을 설정하면 Home 화면이 별로 이쁘지도 않고 최신글 몇개만 크게 보이는 것을 알 수 있다. 다른 블로그를 가보면 동일한 FastBoot 스킨이지만 홈화면에 카테고리별로 잘 꾸며진 것을 볼 수 있다. 블로그를 시작한지 얼마 안되는 필자로서는 어떻게 스킨 HTML 코드를 바꾸지 고민하다가 티에디션으로 수정 한 것을 알 수 있었다. FastBoot 티에디션 사용해 Home 화면 꾸미기 티에디션을 적용하지 않은 필자의 Home 화면이다. 글들을 한 눈에 보기도 어렵고, 글이 몇개 나오지도 않는다. 이 화면을 한 번 티에디션을 사용해 깔끔하게 적용시켜보려고 한다. FastBoot에서는 디폴트 값으로 티에디션을 사용하지 않게 되어있다. 티에디션을 사용하려면 우선 2가지를 해야한다. 첫번째로 ..

더 읽기

FastBoot 글 목록 List로 보기

블로그 운영/FastBoot 스킨 꾸미기 자유로운호걸 2017. 11. 4. 23:33

티스토리에서 내가 쓴 글들을 사람들이 잘 보게 하기 위해서는 글 목록을 List로 보이게 해야지 보기가 편하다. 처음 Fastboot를 적용 시키면 목록을 눌러도 글 List가 보이지 않고 모든 글들이 연속적으로 나올 것 이다. 이건 티스토리 설정을 변경해야 하고 FastBoot에서도 설정을 변경해 줘야한다. FastBoot 글 목록 List로 보기스킨을 처음 적용하고 내가 쓴 글을 확인하기 위해서 카테고리를 누르면 다음과 같이 글의 내용이 먼저 보일 것이다. 그리고 여러개의 글이 있다면 연속적으로 보일 것이다. 방문자가 쉽게 글을 보기 위해서는 글 내용이 먼저 보이는 것이 아니라 리스트가 먼저 보이면 좋을 것이다. 아래는 웹소설 카테고리를 눌렀을 때 바로 글 내용이 보이는 그림이다. 그럼 아래와 같이 ..

더 읽기

티스토리 스킨 FastBoot 설치 방법

블로그 운영/FastBoot 스킨 꾸미기 자유로운호걸 2017. 11. 3. 23:35

티스토리에서 지원하는 스킨 말고도 많은 사람들이 만든 스킨들이 있다. 그중에서 가장 유명한 Readiz님이 만든 FastBoot가 있다. 필자도 이 스킨을 사용하고 있다. 데스크탑이 아닌 모바일로도 블로그를 많이 보기때문에 반응형 스킨이 좋은 것 같다. 반응형 스킨도 많이 있지만 이 스킨은 직관적이고 메뉴들이 잘 보이는 곳에 있어서 블로그에 방문하는 사람들이 글을 쉽게 찾을 수 있을것 같다. FastBoot 1.6.2 반응형 스킨 설치하기 우선 스킨을 적용하기 위해서는 스킨 파일을 다운 받아야 한다. 다운 받기 위해서는 Readiz님의 블로그에서 FastBoot 스킨을 받도록 하자. http://blog.readiz.com/214 이 글의 중간부분에 보면 스킨 파일이 있다. 본인의 컴퓨터로 다운을 받아보..

더 읽기

Copyright © 자유로운호걸 All Rights Reserved

Designed by JB FACTORY

티스토리툴바