본문 바로가기
유용한_팁/블로그_팁

티스토리 새로운 스킨 에디터 발전하는 티스토리

by 씨디맨 2015. 8. 25.
320x100

티스토리 새로운 스킨 에디터 발전하는 티스토리

 

티스토리 새로운 스킨 에디터 발전하는 티스토리에 대해서 알아볼건데요. 이번에 새로 바뀐 이런 시스템이 나왔네요. 그전에는 HTML과 CSS를 같이 보여주고 수정하고 저장된 내용을 다시 페이지를 열어서 확인하는 형태였는데요. 그런데 이제는 좀 더 편하게 티스토리 스킨 에디터가 변경되었네요. 데스크탑 및 태블릿, 스마트폰에 맞춰서 미리 보기가 가능하고 HTML/CSS를 수정하면 바로 새로고침 버튼을 누른 뒤 적용된 내용을 바로 볼 수 있습니다. 그 후 저장을 하면 실제로 적용이 되는것이죠. 실제로 사용해보니 Internet Explorer 에 편집기에서 실제로 미리보기를 적용해보고 실제로 코드도 적용해볼 수 있네요. 스킨에디터에는 속성값을 미리 표시해주거나 그런 설정은 안되니까요. 티스토리가 소소하지만 가끔 이렇게 수정되는게 있어서 재미있네요. 듣기로는 티스토리 앱도 새로 나온다는 것 같은데요. 기대가 됩니다.

 

티스토리 새로운 스킨 에디터 발전하는 티스토리

 

티스토리 스킨 에디터를 열어봤습니다. 왼쪽에는 미리보기 화면이 나타나고 오른쪽에는 HTML/CSS/파일업로드가 나타납니다. HTML 내용을 수정하면 실시간으로 왼쪽에 미리보기가 되는건 아니었지만, 왼쪽 미리보기창 상단에 새로고침 버튼을 누르면 적용되어 나타나네요. 물론 수정한다고 해서 바로 스킨이 적용되는건 아니여서 마음껏 변경해봐도 됩니다. 그 후 맘에 들면 저장버튼을 누르면 적용되는것이죠.

 

 

티스토리 새로운 스킨 에디터 발전하는 티스토리

 

파이어폭스 플러그인을 이용해서 스킨을 수정하는 방법을 보여드렸었는데요. 꼭 그걸 쓰지 않더라도 Internet explorer 에서 F12키를 누르면 나오는 개발자 도구를 이용해서도 미리보기 수정이 가능 합니다. 이것으로 수정하면 속성값 등을 확인할 수 있어서 편집이 조금 더 편합니다. 이것으로 수정을 해본 뒤 값을 복사해서 실제로 HTML/CSS를 수정해도 됩니다.

 

 

티스토리 새로운 스킨 에디터 발전하는 티스토리

 

그 후 저장을 하면 실제로 적용된 페이지를 볼 수 있죠. 티스토리 반응형 스킨도 많이 나왔는데요. 최근에 공모전을 했으니까요. 저도 스킨을 변경해야하나 고민도 드네요. 티스토리 앱도 얼른 좀 더 변경되면 좋겠네요. 지금 많이 느리니까요. 그리고 메모리도 좀 많이 먹는 문제도 .. 어쨋든 계속 뭔가 수정되는게 있어서 좋네요.

 

댓글