티스토리 스킨 변경 방법 (모바일 포함)


지난 시간까지 티스토리 만드는 방법과 이름 및 주소를 변경하는 방법에 대해 알아보았다. 이제는 스킨을 변경하는 방법에 대해 알아보고자 한다. 네이버블로그도 스킨을 변경하는게 무척이나 쉽겠지만, 티스토리도 그만큼 쉽다.

티스토리는 HTML이나 CSS같은 태그 코딩을 잘 할 줄 알아야 하는것 아니냐는 이야기가 많이 있다. 물론 알면 더 자유롭게 꾸밀 수 있는게 사실이다. 그러나 필자도 100% 중 1%만 이용할 줄 아는 정도이기 때문에, 아예 모르는 분들도 얼마든지 이쁘게 꾸밀 수 있다. 지금 이 블로그도 기본기능만 이용해서 꾸며진 것이다.


피가되고 살이되는 블로그,

친절한효자손의 취미생활!

글, 사진 및 이미지 ▶ CopyLeft(C) 유길용

#CopyLeft(C) 는 저작권의 반대개념으로, "모든것을 공유한다" 는 뜻 입니다#




티스토리 스킨 변경 방법 (모바일 포함)


자, 서두가 길어졌다. 어서 빨리 변경하는 방법에 대해 알아보도록 하겠다. 우선 개설하는 방법부터 이름 및 주소 설정 하는 방법까지는 지난 강좌를 참고하시기를 바란다.


●관련글 : 티스토리 블로그 개설 방법

●관련글 : 티스토리 블로그 이름 및 주소 변경




현재 네번째 임시 개설을 한 필자의 티스토리 블로그이다. 아직까지 아무것도 올리지 않았기에 보시다시피 뭐 암것도 없다. 기본적으로 처음 만들어지면 반응형 스킨으로 제작되며, 스킨 이름은 #1 이다.




관리자로 들어가서 스킨으로 들어가보자.




그러면 이렇게 티스토리 스킨이 많이 나온다. 보통 스킨은 자신이 직접 만들어서 쓰기도 하고, 공모전을 해서 입상하신 분들의 스킨들이 정식으로 등록되기도 한다.




한번에 많은 스킨을 보고 싶다면 저기를 클릭해보라.




전체 스킨 종류가 나온다. 그리고 스킨의 기능별로 나뉘어지는데 위에 있는 것 처럼 반응형 / 1단형 / 2단형 / 3단형 / 기타 이렇게 나뉘어 있다.


요즘은 반응형 스킨이 대세인데다, 앞으로도 반응형 스킨이 비전이 많을 것이기에 필자 또한 반응형 스킨을 추천한다. 뭐...사실 가장 중요한건 자기가 마음에 드는 걸 쓰는게 맞긴 하다.


그리고 스킨중에 오른쪽 하단에 M 이라고 써져 있는 스킨은 모두 반응형 스킨이 아닌 일반 스킨이다. 이건 나중에 모바일 스킨 부분을 따로 설정해줘야 한다.




이렇게 모바일 페이지를 별도로 설정해줘야 한다. 반응형 스킨은 이걸 꺼줘야 한다. 반드시 일반 스킨에서만 해당되는 사항이며 모바일 스킨에서 할 일은 홈 이미지만 바꿔주면 된다. 나머지는 다 셋팅되어 있다.




이렇게 반응형 스킨만 따로 볼 수 있다. 한번 마음에 드는것을 골라 볼까?




그래... 왠지 이게 끌리는데? 싶으면 일단 클릭하고 아래로 가보자.




그러면 이렇게 PC와 스마트폰 화면에서 어떻게 보여지는지 미리 볼 수 있으며 아래의 두가지 버튼으로 미리 적용된 현재 티스토리를 볼 수 있고, 마음에들면 적용을 눌러서 스킨을 적용시키면 된다.




현재 미리보기 화면이다. 이렇게 변경된 스킨이 적용이 될 것이다~ 하고 알 수 있다. 바뀐 스킨이 마음에 들면 이제 적용을 클릭하면 끝이다. 나머지 1단 스킨, 2단 스킨 3단 스킨도 한번씩 눌러보고 정말 마음에 드는 것으로 선택하여 진행하면 된다. 스킨 변경하는거 뭐 별거 없다.


그러면 다음 시간에는 이제 사이드바에 대해서 한번 썰을 풀어 보도록 하겠다. <ㄲ>


●관련글 : 티스토리 블로그 카테고리 설정 방법



"친절한효자손 취미생활" 을 검색!


이 글을 공유하기

댓글(13)

  • 2016.12.01 23:06 신고

    잘 봤습니다. 네이버에서 검색되게 하려면 html/css편집을 하는데, 혹시 스킨을 변경하면 html/css편집 다시 해줘야 하나요?아님 그냥 스킨만 변경적용하면 될까요?

    • 2016.12.01 23:34 신고

      안녕하세요, 딱히 네이버에서 검색되게 하려면 티스토리 수정은 필요 없구요, 다만 네이버 웹마스터에 등록해주는 과정이 있어요. 그걸 진행하셔야 합니다. 방법은 제 블로그 오른쪽 상단에 추천포스트 중에 티스토리 사용법 부분을 참고해서 진행하시면 됩니다^^

  • 2016.12.26 12:53 신고

    반응형 스킨에 나오는 좌측 사진은 못바꾸나요??

  • 2017.03.12 21:11 신고

    다운받아서 쓰는 스킨은 어케쓰나요

    • 2017.03.12 21:27 신고

      안녕하세요 스킨마다 다르지만 페스트붓 스킨은 블로그에 설명이있으니 한번살펴봐주세요

  • 2017.03.15 12:48 신고

    오늘 티스토리 블로그를 처음 개설했는데 좋은 정보들 많이 얻고 갑니다 :)
    네이버 블로그만 하다 티스토리로 하려니 참 어색하네여~~ㅎㅎ

  • 2017.07.15 08:51 신고

    글 잘봤습니다. 궁금한게 있어서 댓글남깁니다.
    스킨 바꾸고 나서 애드센스 같은 경우에는 다시 코드 넣고 승인 기다려야 하나요? (승인 된 상태입니다) 스킨 바꾸면 모든 설정이 초기화되지 않나요?

    • 2017.07.15 11:31 신고

      안녕하세요 플러그인을 통해 애드센스를 넣은게 아니라면 다시 넣어야되는거 맞습니다

  • 2017.12.18 15:06 신고

    안녕하세요~~
    이제 막 티스토리 블로그 시작하려는 완전 초보예요~~
    효자손님 글 보면서 공부중인데요~~ 궁금한게 있어서요~~

    현재는 관리 페이지에 메뉴가 조금 달라진 것 같아요~
    꾸미기 메뉴안에 모바일이라고 있고 설정하는 부분이
    "여기에서 티스토리 모바일웹 자동 연결을 사용합니다" 와 "사용하지 않습니다" 중에서 선택하는 건데요~
    반응형 스킨으로 했을때는 사용하지 않습니다로 설정해야 하나요??~~~~
    사용하지 않습니다로 설정해 봐도 컴퓨터로 적용한 스킨 이미지가 모바일에서는 그대로 보이지 않고
    모바일 페이지에서 넣은 그림으로 그대로 보여서요~~~~~

    너무나 좋은자료 감사드립니다~~ 추운날씨에 감기조심하셔요^^

    • 2017.12.19 15:40 신고

      안녕하세요. 티스토리 앱에서는 기본화면으로 보입니다. 크롬앱이나 안드로이드 브라우저로 진행해야합니다.

  • 2017.12.19 15:43 신고

    효자손님~~친절한 답변 감사드려요~~^-^

Designed by JB FACTORY