▶이동
  • Studio 8를 방문하신 여러분을 환영합니다 :)
  • 스팸 정책에 의해 일부 덧글·방명록차단될 수 있습니다.

안녕하세요? Studio 8입니다 :)


아마 많은 분들이 Studio 8의 업데이트 방식에 대해 약간 불만을 가지고 있을 법도 합니다.

그리 크게 변하는 것도 아닌데 사소하게 조금조금 업데이트하면서 여러분들이 수정해놓은 스킨을 마구잡이로 초기화시켜놓으니 말이죠.


사실 이 문제에 대해선 예전부터 깊게 생각해보고 대안을 찾아냈습니다만 ... 실천을 못하는 이유가 있었습니다.

먼저, 2015년 02월 24일 기준으로 작성된 표준 구조입니다.

같은 위치에 skin.html과 style.css가 있고 style.css에서 image 폴더 내의 서브 스타일과 이미지들을 사용하는 방식입니다.


이 스킨 구조에서 초기화의 원인이 발생합니다. 기본 값들로 구성된 style.css가 계속 업데이트 되면서 기존 버전을 가지고 커스터마이징을 하셨던 분들은 계속 '초기화 > 커스터마이징 > 업데이트 > 초기화 > 커스터마이징 > 업데이트 > 초기화 ... '의 루프에 빠지시는 겁니다.


해결책은 간단합니다. 위의 사진처럼 기본값 파일을 하위 순위로 미루고 style.css에서 기본값 파일을 불러오는 방식으로 수정하면 됩니다.

기본값으로 불러들인 스타일에 사용자의 스타일을 덧입혀 결국은 사용자가 원하는 색상과 모양으로 나오는 원리인데요.


하지만, 여기서 문제가 발생합니다. 티스토리를 처음 접하시거나 css 문법을 모르시는 분들이라면 커스터마이징이 되게 어려워진다는 거죠. 한 마디로 진입장벽이 되게 높아지는 겁니다.


기존 방식이 원하는 영역의 구문을 찾아 수정하면 되는 것이라면 구조를 바꾼 이후엔 원하는 영역의 구문을 만들어 추가시켜야 한다는 점입니다.


물론 구조를 바꾼다면 제가 이 다음에 어떤 방식으로 스킨을 업데이트 하던 간에 여러분이 작업하신 내용은 제가 skin.html의 구조를 대대적으로 바꾸지 않는 한 그대로 유지되어 엄청 편리해진다는 점이 부각되지만 그에 못지 않게 새로 사용하시려는 분들 또한 소중한 분들이기에 그 분들의 편의도 고려해봐야하는 상황입니다.


하지만, 처음에 조금 불편하고 번거롭더라도 자주 업데이트를 하는 Studio 8의 라인업 특성상 구조를 바꾸는 쪽으로 정해질 것 같습니다.

제녹스는 1.0.2 이상부터 구조가 개편되어 제공되는 것을 목표로 작업을 하고 있구요. 그에 따라 사용 설명서의 내용도 수정되거나 추가될 예정입니다. 아쉽게도 씨닭은 아직 정해진 스케쥴이 없습니다 ㅠ_ㅠ


항상 여러분의 편의를 생각하면서 스킨을 만들고 있기 때문에 더욱 깊은 고민을 하게 되었습니다.

업데이트 이후엔 저희도 편하고 여러분도 편한 스킨이 되도록 최선을 다하겠습니다.


뒤 늦은 인사지만 새해 福 많이 받으세요!

감사합니다.

  • 공지사항
    중요한 개인정보필요한 경우가 아닌 경우 적지 마시고, 적으셨다면 비밀글 설정을 꼭 해주시기 바랍니다.
    스팸 필터 정책에 의해 영문만으로 작성된 글이나 무의미한 내용의 글은 등록이 되지 않을 수도 있습니다.
  • Sevnis 2015.02.25 15:52 신고
    사이드바 폭변경 못하나요?
  • Studio 8 2015.02.26 00:26 신고
    style.css 맨 밑에 보시면

    @media all and (min-width:1025px){
    /* 데스크톱 및 노트북 설정들 */

    /* 공용 설정들 */
    body{max-width:1080px;}
    aside{float:left;width:23%;}
    section{float:right;width:77%;}
    article{margin:10px 0px 10px 10px;}

    /* 헤더 요소 설정들 */
    /* 상단 공지사항*/
    .hd-frame .hd-notice{min-height:29px;}

    /* 사이드바 요소 설정들 */
    /* 최근 컨텐츠 (게시글, 덧글, 엮인글) */
    .content-group #content-info span#user{float:left}
    .content-group #content-info span#cnt, .sb-rct-contents .content-group #content-info span#time{float:right}
    }

    라는 부분이 있습니다. 여기서

    aside{float:left;width:23%;}
    section{float:right;width:77%;}
    의 width 값을 모두 합하여 100%가 되게끔 적절히 조절해주시면 됩니다.
  • Sevnis 2015.02.26 12:02 신고
    감사합니다.