티스토리 스킨 변경하기
티스토리를 시작하고 스킨이 마음에 안들었지만,
우선을 글을 쓰는 것이 중요하다는 생각이 들어서
한동안 스킨을 신경쓰지 않았다.
이제 100개 정도의 글이 쌓여서
스킨에도 조금 관심을 가져보기로 했다.
기존에는 티스토리에서 무료로 제공하는 반응형 스킨을 사용했다.
스킨 변경 전의 모습은 아래와 같다.
티스토리 블로그 스킨 변경 전
스킨 변경 전의 모습은 아래와 같다.
고민이 많이 되는 형태다.
- 티스토리 블로그 스킨 변경 전 메인 페이지
- 티스토리 블로그 스킨 변경 전 포스팅 페이지 상단 부
- 티스토리 블로그 스킨 변경 전 포스팅 페이지 하단 부
조치가 시급하다.
티스토리 스킨을 변경해보자.
티스토리 스킨 변경하기
1. 티스토리 스킨을 변경하기 위해서는 어떤 스킨을 사용할 지 정해야 한다.
사실 이 과정이 가장 중요하다. 나머지는 따라하면 된다.
티스토리에서 제공하는 스킨을 사용할 것인가?
그렇다면, 블로그 관리 페이지에 들어가서
꾸미기의 스킨변경에 들어가면
티스토리에서 제공하고 있는 스킨 목록이 나온다.
여기에서 원하는 것을 선택 한다.
참고로 반응형 이란 방문자가 사용하고 있는 기기가
컴퓨터 인지, 테블릿인지 모바일인지를 확인하여
해당 화면 사이즈에 맞게 알아서 조절해서
페이지를 보여준다.
3단, 2단, 1단형 들은 화면을 세로로 몇개로 나누냐이다.
3단의 경우 본문 라인, 사이드 바1, 사이드 바 2 이렇게 구성되고
2단의 경우 본문 라인, 사이드 바1로 구성되고
1단의 경우 본문 라인만 있다고 보면 된다.
2. 원하는 스킨을 찾았다면, 클릭하고, 미리보기를 하여
내 블로그에 적용된 경우 어떻게 나타나는지 확인한 다음
마음에 든다면 적용하기를 클릭하면 끝이다.
3. 아쉽게도 티스토리에서 제공하는 스킨중에 마음에 드는 것이 없다면
다른 스킨을 찾아보자. 어디서 스킨을 찾을 수 있을까?
티스토리 상단 왼쪽에 보면 스킨이 있다.
여기를 클릭 하고 이용자 제작 스킨을 클릭 하면
아래와 같이 이용자가 제작한 스킨들이 나온다.
여기에서 스킨 검색이 가능하다.
4. 여기에도 없다면, 구글링을 통하여도 스킨 검색이 가능하다.
무료 스킨으로는 CCZ-CROSS, FASTBOOT, WINSKIN 등이 있다.
본인이 선택한 스킨은 FASTBOOT 이다.
원하는 스킨의 파일을 다운 받고, 스킨을 적용하는 방법은 모두 비슷하다.
우선 블로그 관리페이지에서 스킨변경에 들어 간다.
5. 그리고 오른쪽의 스킨등록에 들어간다.
6. 그리고 추가를 클릭 한다.
7. 다운 받은 파일의 압축을 풀어서 아래 파일들을 선택하고 열기를 누른다.
8. 그리고 끝난 것이 아니다. 또 추가해야할 파일이 있다.
9. images 폴더에 들어간다.
10. 내부에 있는 파일들을 선택하고 열기를 누른다.
11. 그리고 저장을 누른다.
12. 그리고 스킨을 저장하는데, 스킨명은 본인이 알아볼 수 있을 정도로 만들어 넣고 확인을 클릭 한다.
13. 그리고 스킨보관함으로 이동한다.
14. 저장 된 스킨을 클릭 한다.
15. 그리고 적용을 클릭한다.
16. 반응형 스킨이 아닌 경우 이렇게 하고 끝내도 되지만,
반응형 스킨인 경우 조금 더 할 일이 있다.
티스토리에서는 반응형 스킨이 아닌 경우
모바일에서는 모바일용 페이지로 연결되도록 설정이 되어 있는데,
반응형 스킨을 설치한 경우 이러한 설정이 필요 없고,
오히려 방해가 되므로, 설정을 변경하여야 한다.
블로그 관리 페이지에서 모바일에 들어간다.
17. 티스토리 모바일웹 자동 연결을 사용하지 않습니다로 변경한다.
18. 그리고 변경사항 저장을 클릭 한다.
티스토리 블로그 스킨 변경 후
스킨을 적용하고 나서의 블로그 모습이다.
- 티스토리 블로그 스킨 변경 후 메인 페이지
- 티스토리 블로그 스킨 변경 전 포스팅 페이지 상단 부
- 티스토리 블로그 스킨 변경 전 포스팅 페이지 하단 부
스킨을 변경하고 나서도 사용자의 원하는 형태로 수정 작업이 필요 할 수 있다.
html 이니, css 이니 하는 어려워 보이는 것들이 많이 있지만,
스킨 변경은 이렇게 쉽게 할 수 있으니 참고하길.
그럼 오늘은 티스토리 스킨을 변경하는 방법에 대하여 알아 봤다.
'블로그 > 티스토리' 카테고리의 다른 글
티스토리 본문 중간 애드센스(AdSense) 광고 삽입하기 (10) | 2019.01.31 |
---|---|
티스토리 사이드바에 광고 설치하기 (0) | 2019.01.15 |
티스토리 텐핑 PC 버전 광고 달기 (0) | 2019.01.03 |
티스토리 블로그 수입원 애드센스(반응형) 설치하기 (2) | 2018.12.31 |
티스토리 수익, 텐핑 설치하기 (0) | 2018.12.02 |
댓글