티스토리 강좌 | 스킨 수정하는 방법

티스토리 강좌 | 스킨 수정하는 방법

2017-07-20T16:44:07+00:00 2017-07-09|티스토리 강좌|

티스토리의 가장 큰 장점은 스킨을 수정하여 원하는 모양을 만들거나 기능을 추가할 수 있다는 것입니다.

스킨 수정은 웹 상에서 하며, 수정한 결과는 실제로 적용하기 전에 미리보기로 확인할 수 있습니다.

웹 상에서 작업하지만, 코드 하이라이트가 되어 있어서 코드 가독성이 좋습니다.

스킨 수정 메뉴

스킨을 수정하려면 관리자 메뉴 중 [HTML/CSS 편집]을 클릭합니다.

왼쪽에는 미리보기가, 오른쪽에는 코드가 있는 새창(또는 새탭)이 생깁니다.

미리보기

왼쪽 위에 있는 드롭다운메뉴에서 보고 싶은 화면을 선택할 수 있습니다.

모니터, 태블릿, 스마트폰 아이콘을 클릭하면 가로폭이 변하여 해당 기기에서 어떻게 보이는지 확인할 수 있습니다.

코드 편집

HTML을 선택하면 skin.html을, CSS를 선택하면 style.css를 편집할 수 있습니다. 파일 업로드를 선택하면 파일을 업로드하거나 삭제할 수 있습니다.

편집한 후 Ctrl + S를 누르면 미리보기에 반영됩니다. Shift + Ctrl + S를 누르거나 오른쪽 위에 있는 [저장] 버튼을 클릭하면 블로그에 반영됩니다.

유용한 단축키는 다음과 같습니다.

업로드가 되지 않는 파일

파일 업로드에서 skin.html이나 style.css를 업로드하면 업로드가 제한된 파일이라는 메시지가 나옵니다. 따라서, PC에서 편집하고 파일을 업로드하는 방식의 수정은 불가능합니다.

index.xml를 업로드하면 에러 메시지는 나오지 않지만, 반영되지 않습니다. index.xml을 수정하고 싶다면 스킨을 다시 등록해야 합니다.