"아이폰 스타일, Notepad 노트패드" 스킨을 적용해 보았습니다.

2010/07/28 11:59

철없는강아지 pratics , , , , , , View Comments

블로그를 설치하고, 스킨을 찾다가 textcube에서  juostory님이 배포하고 있는,
"아이폰 스타일, Notepad 노트패드" 스킨을 보고 "이거다!" 싶어서 적용해 버렸습니다.

그런데, 이것이 재앙의 시작입니다.
스킨을 적용하고 블로그 페이지를 열어보니,
액박에서 부터, 기타 자잘한 오류들이 한꺼번에 또 순차적으로 발생하는 군요.

일단 액박은 .../Notepad-700px 에 있는 모든 이미지들을
.../Notepad-700px/images로 복사해서 해결하고,
레이아웃은 함께 첨부된 css파일과 skin.html을 덮어써서 해결했습니다.

다음은 두가지 오류,
첫번째 오류는 tag cloude를 구성하는 플래시와 관련하여,
SWFObject를 찾지 못하는 것이고,
두번째는 common2.js 파일 내에서 blogURL, Messages, commentKey 등의 객체를 찾지 못하는 것입니다.

SWFObject를 못찾는 것 함께 배포된 javascript 에 문제가 있는 것 같아 삭제하고,
나중에 텍스트큐브의 플러그인 배포 사이트에서 보니,레즈님이 만들어 주신 tc-cumulus 1.7을 채용했습니다.

마지막으로 common2.js에서 객체들을 찾지 못하는 오류를 수정해기 위해,
오류의 내용에 대하여 검색을 좀 해보니 텍스트큐브에서 Ticket #558 (closed defect: fixed) 문서를 발견할 수 있었습니다.

문서에 따르면, common2.js를 include 하기 전에 다음과 같은 코드를 삽입하여 blogURL을 선언해 주어야하는데요,
<script language='javascript'>
    var blogURL = '<?php echo $blogURL ?>';
</script>

common2.js 파일에서 찾지 못하는 객체들을 위와 같은 방식으로 추가해야 하는 모양입니다.
 
이런 식의 코드를 skin.html 에 삽입하자니 php코드를 html에 사용할 수는 없는 노릇이고,
텍스트큐브 소스(common2.js)를 수정하다가 또 어떤 일을 당할까 망설이다가,
간단한 플러그인을 만들어서 skin.html에 적용하기로 했습니다.

skin.html 에 적용은 [##_iPhoneNotepad_##]로 하였습니다.(2010.08.15)
아래에 수정된 플러그인을 첨부했습니다.
다행히도 잘 동작하는군요.

※ 스킨을 만들어 주신 juostory님과 태그 클라우드를 만들어 주신 레즈님께 감사드립니다. ^^

(2010.08.13 변경)
소하랑님께서 1.7에서 잘 안되신다고 해서 소스를 변경해 보았습니다.
(2010.09.28 변경)
김성훈님께서 잘 안되신다고 해서 소스를 변경해 보았습니다.

<?php
 function iPhoneNotepad(){
  //$context = Model_Context::getInstance();

  $contents = "<script language='javascript'>\n";
  //$contents = $contents ."var blogURL = '" .$context->getProperty('uri.blog') ."';\n";
  $contents = $contents ."var blogURL = '" .$blogURL ."';\n";
  $contents = $contents ."var commentKey = '" .md5(filemtime(ROOT . '/config.php')) ."';\n";
  $contents = $contents ."var messages = {'trackbackUrlCopied':'엮인글 주소가 복사되었습니다.',\n";
  $contents = $contents ."                          'operationFailed':'실패했습니다.',\n";
  $contents = $contents ."                          'confirmTrackbackDelete':'선택된 글걸기를 삭제합니다. 계속 하시겠습니까?',\n";
  $contents = $contents ."                          'confirmEntryDelete':'이 글 및 이미지 파일을 완전히 삭제합니다. 계속 하시겠습니까?',\n";
  $contents = $contents ."                          'onSaving':'저장하고 있습니다'}\n";
  if(doesHaveOwnership()){
   $contents = $contents ."var doesHaveOwnership = true;\n";
  }
  else{
   $contents = $contents ."var doesHaveOwnership = false;\n";
  }
  $contents = $contents ."</script>";

  return $contents;
 }
?>


(2010.08.15 추가)
소하랑님 요청을 검토하다가  플러그인을 수정해서 첨부했습니다.
(2010.09.28 변경)
김성훈님 제보(?)를 검토하다가  플러그인을 수정해서 첨부했습니다.
iPhone-Notepad-700px.zip

이제 skin.html에 별도의 태그([##_iPhoneNotepad_##])를 사용하지 않아도, 자동으로 <head>태그 마지막에 추가 되도록 하였습니다.

2010/07/28 11:59 2010/07/28 11:59

23 Comments (+add yours?)

트랙백1 Tracbacks (+view to the desc.)

Trackback Address :: http://www.lnlsoft.net/trackback/5
  1. Subject: 아이폰 스타일, Notepad 노트패드 스킨 1.7에 설치하기 Tracked from Denny & Jenny + Bang Story... 2010/10/01 08:43

    어떤 스킨이냐 하면... 아래 링크 참조.http://www.textcube.org/theme/entry/%EC%95%84%EC%9D%B4%ED%8F%B0-%EC%8A%A4%ED%83%80%EC%9D%BC-Notepad-%EB%85%B8%ED%8A%B8%ED%8C%A8%EB%93%9C-%EC%8A%A4%ED%82%A8스킨 다운로드는 아래 링크를 참조.http://juostory.tistory.com/160텍스트 큐브에서 사용하기위해 플러그인이 필요...

Newer Entries Older Entries