태터툴즈 404 페이지 꾸미기

얼마전 인게이지님의 '404 에러페이지'란 포스트를 보고 이를 적용해보았습니다. 그런데 태터툴즈에서는 자체적으로 에러페이지를 적용시키는지 위의 팁이 제대로 적용이 되지않는 문제가 발생하였습니다. 즉 'http://sogmi.com/xxx'형식으로 존재하지 않는 페이지 주소를 입력하면 아래와 같은 문구가 콘텐츠 부분에 보여지는 현상을 발견하였습니다.

사용자 삽입 이미지

크게 신경쓸 일은 아니지만 전체적으로 블로그 스킨과도 조화가 되지 않고, 다소 보기에 불편하여 이를 변경해보고자 합니다. 태터툴즈의 404 에러페이지는 'blog/item.php' 파일에서 처리합니다. 해당 페이지의 3839번째 줄을 보면 다음과 같은 문구가 있습니다. (에디트 플러스등을 이용해 '존재하지'라는 문구로 검색해도 됩니다.)

    if (empty($entries)) {
       header('HTTP/1.1 404 Not Found');
       dress('article_rep', '<div style="text-align:center;font-size:14px;font-weight:bold;padding-top:50px;margin:50px 0;color:#333;background:url(' . $service['path'] . '/image/warning.gif) no-repeat top center;">' . _text('존재하지 않는 페이지입니다.') . '</div>', $view);
   } else {

이 문구에서 <div>로 엮어진 레이어 부분을 자신의 스킨에 맞게 수정해주시면 됩니다. 수정하는 부분은 일반 Html 태그와 동일한 태그를 이용하시면 되고, 다만 모든 태그는 엔터없이 붙여서 써 주셔야 됩니다. 저같은 경우는 위 소스를 다음과 같이 수정하였습니다.

   if(empty($entries)){
       header('HTTP/1.1 404 Not Found');
       dress('article_rep','<div class="main"><table class="c_table" cellpadding="0" cellspacing="0"><tr><td class="c_table_lefttop"></td><td class="c_table_top"></td><td class="c_table_righttop"></td></tr><tr><td class="c_table_left"></td><td class="c_table_main"><div align="center"><br/><br/><img src="http://www.sogmi.com-a.googlepages.com/009.jpg/009-full.jpg" width="640" height="300"/><br/><br/></div></td><td class="c_table_right"></td></tr><tr><td class="c_table_leftbottom"></td><td class="c_table_bottom"></td><td class="c_table_rightbottom"></td></tr></table></div>',$view);
   }else{

스킨의 css 정보를 읽어올수 있기 때문에 모서리 처리등은 기존 스킨의 css 속성을 그대로 사용하시면 됩니다. 그외 부분은 각자 적절하게 꾸며주시면 되고요. 완성된 태터툴즈 404 에러페이지는 다음과 같습니다.

사용자 삽입 이미지
http://sogmi.com/122221

그리 큰 팁은 아니지만, 적절하게 사용하면 좀 더 유용한 블로깅을 할 수 있을듯합니다. 태터 1.1.1버전을 쓰시는 분은 같은 파일의 64번째 줄에 소스코드가 있으니 참고하시고요. 그럼, 즐거운 하루되세요 ^^

Trackback 0 Comment 4
prev 1 ··· 1097 1098 1099 1100 1101 1102 1103 1104 1105 ··· 1936 next