티스토리 square 반응형 스킨 편집 정리 1

티스토리 square 반응형 스킨 편집 정리

티스토리를 시작하면서 반응형 스킨으로 했다가 여기 저기 정보성 글들을 읽어보면서 square 스킨으로 마음을 정했었다.

하지만 막상 스킨을 바꾸고 나니 디자인적인 부분에서 조금 예매함이 남아있어 스킨을 조금씩 바꾸어 보려고 한다.

혹 다른 분들 중에 똑같은 이유로 스킨 편집을 고민하는 사람이 있다면 서로 정보를 교환하면서 만들어 나가면 좋을 것 같다.

우선 스킨변경 또는 스킨편집에 앞서 html 코드 부분에 심어 놓은 개인 설정들이 있다면 꼭 백업을 해놓아야 한다.

square 스킨의 경우 티스토리에서 바로 적용 가능한 부분이 있지만 업데이트 부분이 있으므로

개발자 홈페이지에서 업데이트 파일을 받아 적용하는 것을 시작으로 한다.

업데이트 버전으로 설치하기

https://wallel.com/project/square/

업데이트 버전을 다운로드 받아 설정하시면 됩니다.

홈페이지에 방문하시면 맨 아래 부분에 위 사진과 같은 이미지가 있습니다. 다운받기를 클릭합니다.

다운받으신 압축파일 압축을 풀어줍니다.

압축을 풀어준 폴더에 있는 파일들이 전부 스킨 관련 파일들입니다.

관리자화면의 스킨 변경을 클릭한 후 스킨등록을 클릭한다.

스킨등록을 누른 후 추가를 클릭하면 된다.

추가를 하면 다음과 같이 된다. 이 후 맨 아랫부분의 저장을 누르면 된다.

원하는 이름으로 저장한 후에 스킨변경 화면의 스킨 보관함을 누르면 업로드한 스킨을 확인가능하다.

이후 스킨적용을 누르면 된다.

스킨적용을 누르는 순간 지금까지 편집했던 html 부분은 새로고침이 되므로 꼭 변경사항을 저장해 놓아야 한다.

---