[티스토리 팁_2] 스킨 적용/수정하기

티스토리 계정을 만들고나면 아래 그림처럼 작성화면에서 글을 쓸 수 있게 됩니다.

하지만 그렇지만!! 기본스킨을 쓰는 것은 별로 아름답지가 않습니다. 디자인적으로 뭔가 꼭 부족하다 라는 느낌이 들더라구요. 물론 내맘대로 하나하나 바꿔가는 것도 끝이 없는 일이긴 합니다. 이거 바꾸고 나면 저걸 또 바꾸고 싶고 그렇더라구요.

그래도 기본스킨을 사용하지 않을 이유가 더 많습니다.

• 안이쁘다.
• 내가 기본적으로 바라는 블로그 형태가 있다.
• 성의없어 보인다.
• 모바일까지 고려하면 반응형으로 하고싶다.
  
  

그래서 블로그의 스킨을 변경해보기로 하겠습니다.

주의사항 : 블로그를 다시 보면서 이상하게 올렸던 내용들을 수정하고 있습니다. 어투가 이상해져도 이해해 주세요 ㅎㅎㅎ.

방법은 크게 두 가지가 있습니다.

우선, 티스토리에서 제공하는 기본스킨을 바로 적용하는 것입니다.

이 방법은 관리자-꾸미기-스킨 메뉴에서 마음에 드는 스킨을 선택한 다음 적용을 누르면 됩니다.

이것은 뭐라고 설명하기도 힘들만큼 쉬워서 설명은 생략하도록 하겠습니다.

그러면 두 번째 방법인 다운받은 스킨 적용방법을 알아보겠습니다.

우선 스킨을 다운받기 전에 나름의 기준 혹은 원하는 기능/디자인을 생각해보면 다양한 공유스킨들 중에 어떤것을 선택해야 할지 느낌이 오실겁니다.

나의 경우에는 아래와 같았습니다.

• 나는 반응형 스킨을 원한다.
  

• PC에서 메뉴는 오른쪽에 있었으면 좋겠다.

• 상단에는 블로그 배너 이미지, 그 아래 본문과 메뉴가 배치되는 2단 구성을 원함

이 기준에 딱 맞는게 마크쿼리님의 스켈레톤 스킨이었습니다.

우선, 티스토리 반응형 스킨의 시조새 격인것 같아서 뭔가 정통성이 있는 느낌이랄까?

그리고 스킨에 대한 포럼과 설명이 많아 수정할 때 참고할 수 있는 자료가 많았습니다.

원래는 마크쿼리님의 웹사이트에서 다운로드를 제공하고 있었는데

현재 사이트는 중지된 상태인것 같고 더 이상 다운로드 링크를 구할 수 없었습니다.

다행이 나는 지인이 스킨을 가지고 있어서 스켈레톤 스킨의 스파이더 웹 3.0.5 버전을 쉽게 얻을 수 있었지만

좋은 스킨 소스 혹은 참고 가능한 활발한 포럼이 사라진다는 것은 참 안타까운 일입니다. ㅠ.ㅠ

여기서는 다운받은 스킨을 적용하는 법을 알아보도록 하겠습니다.

1. 마음에 드는 스킨을 다운 받는다.

   스킨파일은 일반적으로 zip 파일 형태로 다운로드 됩니다. 당연히 다운 받은 후 zip을 풀어놓아야 합니다.

2. 티스토리 관리자 화면으로 들어간다

   (관리자-스킨-스킨등록) 루트로 진입합니다.

3. 새 스킨 등록창에서 스킨을 등록한다.

스킨 저장명에 자신의 스킨명을 만들어 넣고, 아래쪽의 추가 버튼을 눌러서 파일을 등록합니다.

등록할 파일은 일반적으로 아래와 같은데 스킨을 다운받을 때 설명도 같이 되어있는 경우가 많으니 잘 읽어보고 시키는대로 하는 것이 좋습니다. 아니 필수입니다.

제가 적용한 스파이더 웹 스킨(마크쿼리) 3.0.5 버전기준으로는

3-1. 폴더 첫 depth의 index 및 skin 을 포함한 모든 파일들 (폴더를 제외하고 모두 선택하셔 업로드 하시면 됩니다.)

3-2. img 폴더 안의 파일들 모두

정리하자면 폴더를 클릭하고 들어가서 첫 화면에서 폴더들을 제외한 모든 파일들을 업로드

그리고 다시 추가 버튼을 눌러서 img 폴더 안의 모든 파일들을 업로드 하시면 됩니다.

4. 모두 추가가 되었으면 아래쪽에 저장 버튼을 눌러 저장한다.

5. 저장 후 다시 왼편 메뉴의 스킨을 누르고 PC 보관함 탭을 선택하면 조금 전 등록했던 스킨이 올라와있는 것을 볼 수 있다.

   [적용] 버튼을 누르면 스킨이 적용됩니다. 적용 후 이상이 없는지 확인해보세요.

6. 그리고 5번의 화면 'PC보관함'왼쪽에 '모바일'탭을 클릭한 다음 모바일 웹을 off 로 선택해줘야 합니다. (반응형 스킨이므로)

   그렇지 않으면 티스토리 기본 모바일 스킨이 적용되게되어서 반응형 스킨을 선택한 애초의 의도가 도로묵이 됩니다. ㅠ.ㅠ

   다시한번 설명하자면, 반응형 스킨일 경우 모바일 스킨은 적용하지 않는 것으로 설정해야 합니다.

   바꿔말하면 일반 스킨일 경우 웹과 모바일 스킨 둘 다 따로 설정을 해야된다는 말이 되겠죠. 

7. 적용 된 화면을 보자 ㅎㅎㅎ 이제 일차적으로 오픈을 할 만큼은 된 것 같다. ㅎㅎ

   마크쿼리 님의 rights는 아래쪽 푸터에 포함되어 있으므로 블로그 대문이라고 할 수 있는 아래 그림만 우선 바꿔보겠습니다.

   그리고

   아래 이미지는 마크쿼리 스파이더 3.0.5 버전의 커버이미지 사진입니다. (소위말하는 대문사진입니다.)

   이 이미지가 있는 루트는 images 폴더 안에있는 cover.jpg 파일 입니다.

   만약 대문 사진을 바꾸고 싶으시다면 업로드 하기 전에 똑같은 이름의 이미지 파일을 만들어서 덮어쓰면 간단히 적용 할 수 있습니다. ㅎㅎㅎ

   그러면 관리자-html/css편집 메뉴에서 올라가있는 cover.jpg 파일을 내 블로그 대문으로 대체하면 바뀌지 않을까요??

   안바뀌네 ;;; 뭔가 다른 방법을 찾아보자 ;;;

   뭐가 문제인지는 모르겠지만 이미 업로드하고 난 후에는 바뀌지 않는 것 같습니다.

   올리기 전에 바꾸시는 것을 추천합니다.