본문 바로가기
반응형

티스토리 스킨은 티스토리에서 제공하는 스킨을 적용하는 방법도 있지만 다른 사람이 배포하는 스킨을 적용 할 수도 있습니다.
저희가 배포하는 스킨도 쉽게 적용할 수 있으며 공통적으로 아래의 방법으로 등록하시면 됩니다.

먼저 제공자의 스킨을 다운로드 합니다. 대게 압축파일로 되어 있으니 압축을 해제하고 시작하시면 됩니다.
저희가 제공하는 스킨은 아래에서 다운로드 받을 수 있습니다.

UX공작소의 티스토리 스킨 바로가기

설치

스킨등록

먼저 스킨을 적용하기 위해서는 티스토리 사이트에서 먼저 스킨을 등록해야 합니다.

  1. 스킨메뉴를 선택합니다.
  2. 스킨등록 버튼을 선택합니다.


새 스킨등록

  1. 스킨저장명을 작성합니다.
  2. 추가버튼을 클릭하고 파일을 등록합니다. 이때 images폴더의 파일도 등록을 해야합니다.
  3. 저장버튼을 클릭하여 등록을 완료합니다.


등록한 스킨 적용

  1. 스킨 메뉴를 다시 선택합니다.
  2. 보관함 메뉴를 선택하면 하단에 새롭게 등록한 스킨이 보입니다.
  3. 적용 버튼을 누르면 현재 티스토리에 스킨이 적용됩니다.


설정

선택화면 글 출력 설정

정상적으로 글을 출력하기 위해서는 아래의 메뉴에서 글 출력부분을 수정해야 합니다.

  1. 화면설정 메뉴를 선택합니다.
  2. 화면출력 탭을 선택합니다
  3. 선택화면에서 목록+내용으로 설정 합니다.
  4. 저장을 클릭하여 완료합니다.

티에디션 해제

티에디션은 티스토리에서 제공하는 첫화면 꾸기기 기능인데.. 커스텀으로 제작되는 스킨은 대부분 이 기능을 사용할 수 없습니다.
첫화면이 중복되기 때문에 티에디션을 사용하게 되면 반응형 기능이 동작하지 읺으므로 헤제하셔야 합니다.

  1. 화면설정메뉴를 선택합니다.
  2. 티에디션 에서 사용해제를 설정합니다.

모바일웹 스킨 사용 해제

모바일웹 스킨은 웹 스킨처럼 모바일화면에서만 적용되는 스킨으로 별도의 스킨으로 적용되는 기능입니다.
저희가 배포하는 스킨은 반응형 스킨으로 모바일에서도 최적화 되어 보여지기 때문에 모바일웹 스킨은 필요가 없습니다.
만약에 모바일웹 스킨을 사용할 경우는 모바일화면에서는 저희가 배포하는 스킨이 보여지지 않습니다.

  1. 메뉴증 모바일웹 스킨 메뉴를 선택합니다.
  2. 모바일웹 스킨의 사용을 OFF로 설정합니다.

UXGJS 스킨 변수 설정

저희가 배포하는 스킨은 사용자가 일부 스킨을 설정할 수 있는 설정파일을 첨부합니다.
배포하는 스킨별로 내용이 약간씩 다르므로 배포버전별로 설명을 첨부할 예정입니다.
파일명은 skin_cfg.js으로 제공예정입니다.

UX공작소의 티스토리 스킨 바로가기


UX 공작소

UX와 UI에 관해 내가 알게된 다양한 이야기를 공유해요~