jugug.net ...NAKED

티스토리가 베타테스트를 끝내고 드디어 새로운 관리를 선보였습니다.
아직 시범이지만 대체적으로 잘 완성된거 같군요.

처음 새로운 관리자를 봤을때 이상한느낌이 들었습니다. 뭐가 있어야 할거 같은데 없는겁니다. Firefox에서 봤는데 이상하여 IE로 보니 버튼들이 없던거였습니다.

이런 버튼들..

알고보니 플러그인의 충돌때문이었습니다. 지금은 문제되는 플러그인을 해결하여 문제는 없습니다.

베타테스터분들이 열심히 테스트하여 오류보고를 했기 때문에 대체적으로 완성도는 높습니다. 조금 보완해야할 부분도 있긴 하지만 차차 나아지겠죠. 먼저 종전에는 설정들이 연관없이 여기저기 흩어져 있었는데 그것이 정리된 느낌입니다. 그리고 ajax를 잘 활용하여 사용하기도 편리하네요. 제일 좋은 점은 종전설정에서는 저장시 불안한부분(스킨이 깨짐, 적용하는데 오래걸림, 사이드바 날아감 등등)이 있었는데 이번버전에서는 해결되었다고합니다. 실제로 스킨 수정후에도 블로그가 안정적으로 동작하고 사이드바도 위치등이 변동되지 않고 날아가지 않는군요.
마지막으로 스킨저장기능이 맘에 듭니다. 제가 스킨을 수정하고 나면 나중에 고칠때 백업하기가 불편했는데 참 반가운 기능입니다.

글쓰기 에디터도 맘에 듭니다. 먼저 지도나 정보넣기등 새로운 기능들이 많이 생긴게 눈에 들어오네요. html모드에서 작성시 깔끔하게 줄바꿈해서 보여주는것도 맘에 듭니다.
무엇보다 이번에 위지윅에디터를 꾸밀 수 있도록한 기능이 추가되었는데, wysiwyg.css파일로 꾸미는 것입니다. 만드는 법을 보고 만들긴 했는데 이상하게 원하는데로 잘 안되더군요. 결국 시행착오끝에 만들긴 했습니다.

완성작

맘에 드네요. 에디터너비가 원래 블로그의 너비와 같고 모습도 비슷하니깐 좋습니다. 마치 에디터가 아닌 블로그 자체를 보는거 같네요. 그런데 본문의 폰트는 수정이 안되더군요. 맑은 고딕체로 지정했는데  CSSViewer로 보니 맑은 고딕으로 나오긴 하는데 실제로 표시되는 것은 굴림체로 나오는군요. 제가 잘못한 것이 아니라면 나중에 수정되어야 할 사항으로 보입니다.

아래에 제가 작성한 wysiwyg.css파일의 내용도 적습니다. 물론 wysiwyg_bg.jpg파일을 미리 만들어 업로드 시켜야겠죠? 한가지 주의하셔야 할것이 에디터의 너비는 index.xml에서 수정해야 합니다. <contentWidth>600</contentWidth>이 부분을 수정하면 됩니다. index.xml이 어딨어 하시는 분들은 블로그의 스킨편집에서 이미지 하나를 올리시고, 그 이미지의 절대주소를 알아내세요. (예를 들면 http://cfs.tistory.com/custom/blog/1/13467/skin/images/bn_me2.gif 이런 주소를요.) 그 후 숫자/skin/index.xml이 여러분의 블로그 index.xml주소입니다. 다운받으셔서 수정하신 후에 스킨편집기에서 업로드 하시면 됩니다.

@charset "utf-8";


body {

	color: #000;

	font: 13px 맑은 고딕,sans-serif;

	background-color:transparent ;

}


a {

	color:#33c;

	text-decoration:none;

	border-bottom:1px dashed #33c; 

}


a:hover { 

	color:#ff6347;

	text-decoration:none;

	border-bottom:1px dashed #ff6347;

}


#tx_canvas_wysiwyg_holder { 

	background:url("./images/wysiwyg_bg.jpg") center top repeat-y;

}


#tx_canvas_subject {

	height:25px !important;

	padding:0 0 7px 15px;

	margin-top:10px;

	margin-bottom:10px;

	border: none; 

	border-bottom:1px solid #ddd;

	background:url("./images/icon_title.gif") 0px 12px no-repeat;

	font:bold 18px 맑은 고딕,돋움,sans-serif;

}


#tx_canvas_wysiwyg{

	background-color:transparent;

	color:#000;

	font:13px 맑은 고딕,sans-serif;

	line-height:180%;

}

위 코드가 pre태그로 삽입되는데 새로운 관리에서는 <br />이 한번 더들어가 두칸이 띄어지는군요. 이것도 수정되어야 할 거 같습니다.
위와 같이 wysiwyg.css파일을 만드시고 파일명을 소문자로 해서 새로운 관리화면에서 업로드 하셔야 제대로 적용됩니다.

이번 업데이트는 사용자설정을 중심으로 진행한 듯합니다. 그리고 그 결과가 매우 만족스럽게 잘 된거 같네요.

하지만 블로그 부분에서도 뭔가 개선이 있었으면 하는 아쉬움도 있습니다. 새로운 기능들이 플러그인등으로 생겨나긴 했지만 뭔가 모자란 느낌입니다. 다른 블로그 서비스에서 몇몇 기능들이 같이 업데이트 됐다면 좋았을 건데요. (태그를 meta keyword로 내보내주는 기능이라든지..)
또 글을 작성하면 끝에 붙어서 나오는 추천버튼이라든지, 카테고리 다른 글보기등도 치환자로 원하는 위치에 넣을 수 있게 지원해 주고, 사용자가 고칠 수도 있게 지원해 줬으면 좋겠습니다. 물론 저의 작음 바램일 뿐이지만요.

어쨌든 티스토리 여러분들 개발하느라 수고하셨구요. 베타테스터여러분들도 수고하셨습니다.