티스토리 스킨 수정을 위해 html css 편집하는 방법

블로그

티스토리 스킨 수정을 위해 html css 편집하는 방법

 

환경: Chrome

 

티스토리는 소스를 직접 다운받아 수정할 수 있는 설치형 블로그는 아니지만 스킨에 적용된 HTML 을 편집할 수 있습니다. 물론 워드프레스, XE, KimsQ 와 같이 코어까지 수정할 없지만 능력만 된다면 자신이 원하는대로 수정이 가능합니다. 관리자 페이지의 UI 가 바뀌는 바람에 포스팅을 다시 업데이트 했습니다.

 

티스토리 관리자 페이지로 접속합니다. 그리고 왼쪽 사이드에서 꾸미기 > 스킨편집 메뉴를 선택합니다.

티스토리 스킨 수정을 위해 html css 편집하는 방법

 

스킨 편집 페이지가 열리면 오른쪽 상단으로 갑니다. Basic 에서 html 편집 버튼을 클릭합니다

티스토리 스킨 수정을 위해 html css 편집하는 방법

 


html 편집창이 뜨면 3개의 탭이 나타납니다. HTML CSS, 파일업로드를 통해 스킨을 수정할 수 있습니다

티스토리 스킨 수정을 위해 html css 편집하는 방법

 

코드 편집을 하면 왼쪽 화면에서 바로 확인할 수 있습니다. 상단에는 PC, 태블릿, 스마트폰 별로 레이아웃을 확인할 수 있도록 버튼을 제공하고 있습니다

티스토리 스킨 수정을 위해 html css 편집하는 방법

 

스킨은 다양한 영역으로 나누는데 왼쪽 끝에 콤보 박스를 클릭해서 원하는 페이지로 이동이 가능합니다

티스토리 스킨 수정을 위해 html css 편집하는 방법

Posted by 녹두장군