티스토리 뷰

티스토리 최신스킨 적용하기

티스토리 블로그 - 클릭 세 번으로 최신 스킨 적용하기 및 로고 변경 방법.

 

안녕하세요.! 굿쉐어(좋은 것을 공유하자)입니다. 오늘은 티스토리 블로그 관리자 페이지로 접속해서 커버 편집을 이용한 최신 스킨 적용하는 방법 및 로고 변경 그리고 반응형 스킨 설정 방법에 대해서 포스팅하겠습니다. (포스팅에 설명되는 스킨은 티스토리 Whatever 스킨 기준으로 작성되었습니다.)

 

 

티스토리 최신스킨 적용방법 

티스토리 관리자 페이지 접속 방법은 본인의 티스토리 블로그 주소 끝에 /manage를 입력하면 접속되어집니다. https://본인의 티스토리 블로그 주소. tistory.com/manage

 

1. 우선 티스토리 관리자 상태에서 접속하여줍니다.

 

티스토리 관리자 모드

 

2. 관리자 상태에서 왼쪽 아래 스킨 편집 클릭

 

티스토리 스킨편집 화면


3. 편집 화면에서 홈 설정의 커버를 클릭

 

티스토리 스킨편집 화면 커버 버튼


4. 적용 버튼 클릭 이렇게 세 번의 클릭으로 스킨 적용이 완료되어집니다.

 

티스토리 스킨편집 새로고침

 

5. 왼쪽 위의 새로 고침. 클릭

 

티스토리 스킨편집 새로고침 완료


*참고로 이 기능은 커버 지원이라는 태그가 붙어 있는 최신 스킨에만 적용되며 해당 기능이 적용되는 스킨의 확인은 #커버 지원을 클릭하면 지원되는 스킨이 표시가 됩니다.*

 

티스토리 스킨 커버지원

 

로고 변경하는 법

티스토리 로고 변경


1. 스킨 편집 왼쪽 위에 나와 있는 것이 로고이며 기본적으로는 글자로 되어 있습니다.
2. 변경을 원하는 스킨 편집 우측의 맨 아래에 추가 설정 부분에서 로고 이미지를 업로드 (크기는 56픽셀 권장 )
3. 자신의 원하는 로고 이미지를 불러오면 로고 이미지에 표시됩니다. 그리고 스킨 편집 가장 상단의 적용 버튼을 누르면 해당 로고가 적용됩니다.


나중에 이미지가 아닌 글자로 변경을 원하시면 이미지 옆의 마이너스 부분을 클릭하고 이미지 변경을 원할 때는 가운데 "+"를 클릭하여 이미지 변경을 하여 주시면 됩니다.

 

반응형 스킨 설정 방법

반응형 스킨? : 사용자의 접속 환경에 따라 데스크톱, 태블릿 PC, 모바일 등 브라우저 크기에 맞게 자동으로 변경되는 스킨.

 

티스토리 반응형 스킨

1. 티스토리 블로그 관리자 페이지로 이동
2. 왼쪽 아래의 꾸미기에서 모바일을 클릭
3. 모바일 꾸미기 설정에서 티스토리 모바일 웹 자동 연결을 사용하지 않습니다고 변경
만약 사용합니다고 설정을 하면 티스토리에서 기본으로 제공되는 모바일 스킨으로 자동으로 보이게 됩니다. 아직 신규 편집기가 출시한 지 얼마 되지 않아서 최신 반응형 스킨에 오류가 있어 모바일에 반영이 잘 안 되었을 때 모바일 웹 자동 연결을 선택하여 줍니다.