스킨 2.0에 대한 두 번째 이야기 입니다. 오늘은 '스킨에디터 체험판'을 소개하려고 합니다.
스킨에디터란?
스킨에디터는 앞으로 스킨을 변경하고 수정할 때 가장 많이 사용해야 하는 툴입니다. 따라서 회원 여러분들이 이용하시는 어떠한 환경에서도 이용이 가능해야 하며, 불편없이 이용할 수 있어야 합니다. 물론 사용성도 익숙하고 편리해야 하고요. 오늘 오픈하는 스킨에디터 체험판은 회원님들 각자의 PC환경에서 스킨에디터의 동작에 이상이 없는지, 사용하는데 불편은 없는지 확인하기 위한 절차입니다.
스킨에디터 체험판을 사용하시려면 아래 배너를 누르시고, 스킨 2.0 소개 페이지 아래 쪽의 '스킨에디터 체험판 보기' 버튼을 클릭 하세요. 그럼 스킨에디터 체험판 많이 사용해보시고 궁금한 점이나 불편한 점 덧글과 트랙백으로 남겨주시기 바랍니다.
페이지 아래 쪽의 '스킨에디터 체험판 보기' 버튼을 클릭하세요
※ 스킨에디터 체험판에 보이는 포스트 및 사이드바의 데이터는 모두 임의의 샘플데이터 입니다. 이번 체험판은 단지 스킨 변경 테스트를 하는 용도이며, 회원님이 현재 이용하시는 스킨에는 어떠한 영향도 주지 않습니다. 위젯 샘플데이터는 위자드팩토리에서 제공해 주셨습니다.
스킨에디터 살짝 훑어 볼까요?
개발자의 뒷 얘기...스킨에디터 개발 시 힘들었던 부분 중 하나는 IE6 브라우저에 맞추는 일이었습니다. 다른 브라우저에서는 잘 보이던 페이지가 IE6에서만 일그러져 보이는 경우가 많습니다. 또 정상적으로 동작하던 기능도 유독 IE6에서만 제대로 동작하지 않는 경우가 있습니다. 이를 해결하려면 IE6에서만 다른 처리를 할 수 있도록 추가 코드를 넣어줘야 합니다. 또, 다른 브라우저들은 최신 버전만 체크를 하는데 유독 IE만은 IE6, IE7, IE8 버전 별로 테스트를 해야 합니다. 이런 작업은 마치 똑같은 개발을 여러 번 다시 하는 것과 같습니다. 매우 지치고 힘든 작업이죠.
더 길게 얘기하면 험한 얘기가 나올 것 같아 여기까지 하기로 하고...
IE의 최신 버전은 IE8 임에도 불구하고 국내에서 IE6 사용자 비율은 아직도 매우 높습니다. 최신 브라우저를 사용하면 더욱 쾌적한 환경에서 인터넷을 즐길 수 있습니다. 아울러 개발자들은 IE6 때문에 소비하는 시간을 더욱 나은 기능을 만드는데 투자할 수 있습니다. 지금 사용하시는 브라우저가 최신 버전인가요? 지금 바로 최신버전으로 업그레이드 하세요.
제가 무슨 약장수 같군요. 하지만 이번 스킨에디터를 만들며 반드시 공지에 이 내용을 말씀드리고 싶었습니다. 브라우저를 최신버전으로 업그레이드 하세요. 개발자 좀 살려주세요.
마지막으로 '스킨에디터 체험판' 은 Internet Explorer 8, Firefox 3 등 최신 버전의 브라우저에서 가장 쾌적하게 이용하실 수 있습니다. 감사합니다.
스킨에디터란?
사용할 스킨의 디자인을 선택하고, 사이드바에 넣을 메뉴(위젯)을 고르고, 위젯의 위치를 정하고, 위젯의 속성을 변경하고, 직접 소스를 편집하고... 스킨에디터는 이글루스 스킨과 관련된 모든 작업을 할 수 있는 스킨 편집 전문 툴을 말합니다. 스킨에디터는 위지윅(WYSIWYG) 방식을 지원하며, 스킨을 수정하기 위해 해야하는 많은 작업들을 할 수 있습니다.
스킨에디터는 앞으로 스킨을 변경하고 수정할 때 가장 많이 사용해야 하는 툴입니다. 따라서 회원 여러분들이 이용하시는 어떠한 환경에서도 이용이 가능해야 하며, 불편없이 이용할 수 있어야 합니다. 물론 사용성도 익숙하고 편리해야 하고요. 오늘 오픈하는 스킨에디터 체험판은 회원님들 각자의 PC환경에서 스킨에디터의 동작에 이상이 없는지, 사용하는데 불편은 없는지 확인하기 위한 절차입니다.
스킨에디터 체험판을 사용하시려면 아래 배너를 누르시고, 스킨 2.0 소개 페이지 아래 쪽의 '스킨에디터 체험판 보기' 버튼을 클릭 하세요. 그럼 스킨에디터 체험판 많이 사용해보시고 궁금한 점이나 불편한 점 덧글과 트랙백으로 남겨주시기 바랍니다.
페이지 아래 쪽의 '스킨에디터 체험판 보기' 버튼을 클릭하세요
※ 스킨에디터 체험판에 보이는 포스트 및 사이드바의 데이터는 모두 임의의 샘플데이터 입니다. 이번 체험판은 단지 스킨 변경 테스트를 하는 용도이며, 회원님이 현재 이용하시는 스킨에는 어떠한 영향도 주지 않습니다. 위젯 샘플데이터는 위자드팩토리에서 제공해 주셨습니다.
스킨에디터 살짝 훑어 볼까요?
디자인선택 : 스킨의 레이아웃과 전체적인 디자인을 취향에 따라 선택하는 곳입니다.
- 공유센터 스킨 : 이글루스에서 제공하는 스킨 및 회원님들의 공유스킨
- 내 저장 스킨 : 내가 수정한 스킨 및 직접 제작한 스킨
- 새 스킨 만들기 : 레이아웃만 선택하여 직접 스킨을 제작
- 내 저장 스킨 : 내가 수정한 스킨 및 직접 제작한 스킨
- 새 스킨 만들기 : 레이아웃만 선택하여 직접 스킨을 제작
템플릿 변경 : 포스트와 각 사이드바 메뉴의 템플릿을 변경할 수 있습니다.
- 메인 테마 : 내이글루 메인페이지의 테마 템플릿
- 포스트 영역 : 포스트 본문, 포스트 덧글, 와이드 위젯 템플릿
- 사이드바 영역 : 사이드바에 들어가는 모든 메뉴 각각의 템플릿 및 속성
- 포스트 영역 : 포스트 본문, 포스트 덧글, 와이드 위젯 템플릿
- 사이드바 영역 : 사이드바에 들어가는 모든 메뉴 각각의 템플릿 및 속성
위젯 추가/선택 : 이글루스 제공 위젯 및 외부 위젯을 추가/선택할 수 있습니다.
전문가용 편집 : 직접 소스를 편집하는 곳입니다. 체험판에서는 이용하실 수 없습니다.
- 배경이미지 변경 : 간단하게 배경 이미지를 변경함.
- html/css 편집 : html과 css를 직접 편집함
- 이미지 업로드 : 스킨에 사용할 이미지 업로드
- html/css 편집 : html과 css를 직접 편집함
- 이미지 업로드 : 스킨에 사용할 이미지 업로드
개발자의 뒷 얘기...스킨에디터 개발 시 힘들었던 부분 중 하나는 IE6 브라우저에 맞추는 일이었습니다. 다른 브라우저에서는 잘 보이던 페이지가 IE6에서만 일그러져 보이는 경우가 많습니다. 또 정상적으로 동작하던 기능도 유독 IE6에서만 제대로 동작하지 않는 경우가 있습니다. 이를 해결하려면 IE6에서만 다른 처리를 할 수 있도록 추가 코드를 넣어줘야 합니다. 또, 다른 브라우저들은 최신 버전만 체크를 하는데 유독 IE만은 IE6, IE7, IE8 버전 별로 테스트를 해야 합니다. 이런 작업은 마치 똑같은 개발을 여러 번 다시 하는 것과 같습니다. 매우 지치고 힘든 작업이죠.
더 길게 얘기하면 험한 얘기가 나올 것 같아 여기까지 하기로 하고...
IE의 최신 버전은 IE8 임에도 불구하고 국내에서 IE6 사용자 비율은 아직도 매우 높습니다. 최신 브라우저를 사용하면 더욱 쾌적한 환경에서 인터넷을 즐길 수 있습니다. 아울러 개발자들은 IE6 때문에 소비하는 시간을 더욱 나은 기능을 만드는데 투자할 수 있습니다. 지금 사용하시는 브라우저가 최신 버전인가요? 지금 바로 최신버전으로 업그레이드 하세요.
제가 무슨 약장수 같군요. 하지만 이번 스킨에디터를 만들며 반드시 공지에 이 내용을 말씀드리고 싶었습니다. 브라우저를 최신버전으로 업그레이드 하세요. 개발자 좀 살려주세요.
마지막으로 '스킨에디터 체험판' 은 Internet Explorer 8, Firefox 3 등 최신 버전의 브라우저에서 가장 쾌적하게 이용하실 수 있습니다. 감사합니다.
덧글
아무튼 정말 고생하십니다!
우리 다같이 업그레이드 한번만 해줘요(.. )
하지만 전 이글루스는 파폭으로 한다는 거.... 수고하셨습니다.
개발자분과 디자이너분들의 노고가 상당하지만...모르는건 아니지만..
그래도 이런걸 원했습니다. ㅠㅠ
(쓰다보면 또 개선점이 보일수도 있겠지만서도;;)
어쨌든 두손들어 환영합니다.
비슷한게 생겨서 감사하네요. 유용히 쓰겠습니다.
말은 저렇게 했지만... 당연히 IE6에서도 문제없이 이용하실 수 있도록 만들어야죠. :-)
더 길게 얘기하면 험한 얘기가 나올 것 같아 여기까지 하기로 하고..."
분명히 스킨 편집하다가 똑같은 넋두리를 늘어놓았던 것 같은데... 공지보다가 데자뷰 헐
이왕 하시는거, 전문가 모드에 xhtml/css 편집도 많이 신경써주셨으면 좋겠습니다. 별도의 코딩 툴 없이도 해결할 수 있는 수준을 바란다면 좀 무리겠지만, 적어도 로컬에서 작업한걸 바로 반영하기 쉽게 소통할 방법을 만들어주셨으면 합니다. xhtml/css 파일을 다운받아 로컬에서 편집후 업로드 하는게 어느정도 자동화가 가능하지 않을까 싶어서요. 이전에 스킨개발할때 일일히 html에 데모데이터 넣고 로컬에서 제가 쓰는 편집툴로 불러와서 만든뒤 따로 업로드 하는 식으로 했더니 만들기가 너무 귀찮아지더라고요.
각 위젯들의 스킨도 분리해서 운영할 생각인 것도 궁금하구요, 쉽고 빠른 수정을 위해 변화된 이글루스 스킨2.0 xhtml 구조에 대한 레퍼런스 및 가이드가 있으면 많은 도움이 되지 않겠나 싶어요.
직접 소스 뜯어보고 만드는 사람 입장에서 말해봤습니다.
각 위젯들의 html과 css가 스킨과 분리되어 있긴 하지만 현재 회원님이 직접 수정하실 수 있는 구조는 아닙니다. 다만 css 로 스타일만 제어할 수 있습니다. 그리고 스킨 및 위젯 구조 레퍼런스는 준비 중입니다. 전문가용 편집을 위해서는 반드시 필요하거든요.
소스까지 뜯어보셨다니... 부끄럽군요;;; 좋은 의견 주셔서 감사합니다.
';ㅅ'
죄송합니다.
덧글, 트랙백, 핑백 등등 하나하나 보는데 계속 웃음이... :)
전문가 편집 모드에서는 지금보다 광활한 자유도를 주어줬으면 합니다. 고작 3단이 한계인 편집으로는 아무래도 디자인에 한계가 오니까요. 거기에 전문편집툴처럼 에디터 구조를 만들어주신다면 금상첨화입니다.
html/css 편집하는 에디터는 지금 보다는 상당히 개선되었습니다. 물론 PC에서 사용하시는 에디트 프로그램과 비교할 수는 없겠지만요. :)
저도 요즘 개인홈 뚝딱뚝딱 짓다가 화딱지가 나서; 전 파폭 유저인데 다 짜놓고도 IE에서만 이그러져서 때려치우려다가(..) 다시 맘잡고 빈곤한 기술력에 그나마 합의점을 도출하여 작업을 하였어요... 개인홈페이지가 이런 프로젝트에 비할바 되겠습니까만은 살려달라시는 저 한마디가 구구절절 애절하네요; 여전히 IE 6 사용자 비율이 절대적이니 나만 잘보이면 땡이라고 무시할수도 없고 T_T (IE 사용자들께는 죄송한 말씀입니다만)
아무튼 非 IE로 한국 웹 다니기 힘든데 이글루스는 편하게 이용하고 있네요. 수고하셨어요:)
아래 시리즈 링크가 어서빨리 꽉 차길 바라며..!
그렇다고 타 블로그에서도 오는데 비공개 덧글을 막을 수는 없으니까요.