webSSearchy는 무버블타입 최강의 플러그인 중 하나라 할 수 있습니다. 뭐시냐면 구글 야후 네이버 테크노라티 등등의 검색사이트에서 공개한 API를 가지고 엔트리 내에서 관련된 글을 확장해서 볼 수 있는 플러그인입니다. MovableType 3.34로 업그레이드 하면서 요거 한 번 제대로 해보자고 그간 깔아 논 모듈을 버려가며 서버를 옮기는 수고를 마다하지 않았습니다. 이 블로그에서는 TAG 바로 아래 부분에 있는 관련 글 keyword 검색으로 활용하고 있습니다. AJAX를 통해 구현하고 있는데 쪼매 아쉽게도 검색결과를 닫는 버튼이 없습니다. 간단하게 닫기 버튼을 넣을 수 있는 팁입니다.
이 훌륭한 플러그인을 딸랑 세 명만이 이용하고 있다는 것은 sixapart의 비극입니다. 3.3x버전과 3.2버전이 있으니 무버블 이용자라면 꼭 함 설치해 보길 바랍니다.
기본적으로 웹서치가 설치 됐다는 전제에서 시작합니다. 아 그러니깐 그 세 명을 위한 글이냐면 꼭 그런 것은 아닙니다. 나아~중에라도 누군가 어쩌다 선택한 툴이 무버블이었고 그리하여 예까지 오는 억겁의 우연으로 요 글을 봤을 때 도움이 되지 않을까 해서, 안 되겠군요.
1. 다음 코드를 Index Templates의 mt-site.js에 넣어 줍니다. webSSearchy::Javascript를 그대로 불러온다면 거기 맨 아래에 넣으면 됩니다.
자바스크립트를 잘 모르는 지라 어림짐작으로 만든 것입니다. 삼수씨말마따나 미친년 널뛰대끼 아무 말이나 씨불씨불 해대다보먼 늘품이 생긴다더만 저도 이렇게 마구잡이로 오리고 붙이고 비우짱으로 댐빈 게 돌아가니 마냥 신기할 따름입니다. 그런고로 좀 더 효과적인 방법이 있으면 조언 부탁합니다.
2. Template Modules에 webSSearchy::Links가 있을 겁니다.
원 코드의 <div class="webSSearchyLinks"> ...</div>사이에 빨간색 부분을 추가하고
검색결과가 출력되는 <div id="webSSearchyResult<$MTEntryID$>" class="webSSearchyResult"></div>은 <table>...</table>로 감쌉니다. 레이아웃을 짜는 것도 아니니 테이블이 미워도 이해하세요., IE 6.x에서는 테이블이 없으면 아무리 닫아도 공중부양을 멈추지 않습니다.
3. Archive Templates의 Individual Entry Archive에 webSSearchy 검색결과가 출력되는 부분이 있겠죠, <$MTInclude module="webSSearchy::Links"$> 이 코드를 이용하고 있을 것입니다.
이곳처럼 <div class="entry-footer"> ....... </div>위에서 검색결과를 출력할 텐데 그 부분을 <div id="search-fix-webSSerchy"> ....... </div>로 감싸줍니다. 꼬옥 안아줘야 합니다. 그래야 거만한 IE가 반응을 합니다.
4. Stylesheet에 다음 코드를 추가합니다. <$MTInclude module="webSSearchy::CSS"$>를 이용한다면 그곳에 넣으면 됩니다.
조오기 이미지 경로 수정 잊지 마시고요.
끝입니다. 설치보다 훨씬 쉬운 닫기 버튼을 넣는 과정이었습니다.
바로 아래에 보이는 Close::닫기입니다.
이 훌륭한 플러그인을 딸랑 세 명만이 이용하고 있다는 것은 sixapart의 비극입니다. 3.3x버전과 3.2버전이 있으니 무버블 이용자라면 꼭 함 설치해 보길 바랍니다.
기본적으로 웹서치가 설치 됐다는 전제에서 시작합니다. 아 그러니깐 그 세 명을 위한 글이냐면 꼭 그런 것은 아닙니다. 나아~중에라도 누군가 어쩌다 선택한 툴이 무버블이었고 그리하여 예까지 오는 억겁의 우연으로 요 글을 봤을 때 도움이 되지 않을까 해서, 안 되겠군요.
1. 다음 코드를 Index Templates의 mt-site.js에 넣어 줍니다. webSSearchy::Javascript를 그대로 불러온다면 거기 맨 아래에 넣으면 됩니다.
<!--
function closewebSSearch(entryID) {
webSSearchyResultID = ('webSSearchyResult' + (entryID));
var verTemp=navigator.appVersion.split("MSIE"); //used to do a fix for IE6 and below
if (navigator.appName == "Microsoft Internet Explorer" && parseFloat(verTemp[1]) <= 6.0) {
var doFix=true;
var tempfix = document.getElementById("search-fix-webSSerchy").innerHTML;
} //end of fix for IE6 and below
if (doFix) {document.getElementById("search-fix-webSSerchy").innerHTML = ""; }
if( document.getElementById ) {
document.getElementById(webSSearchyResultID).innerHTML = "";
}
if (doFix) {document.getElementById("search-fix-webSSerchy").innerHTML = tempfix; }
}
//-->
function closewebSSearch(entryID) {
webSSearchyResultID = ('webSSearchyResult' + (entryID));
var verTemp=navigator.appVersion.split("MSIE"); //used to do a fix for IE6 and below
if (navigator.appName == "Microsoft Internet Explorer" && parseFloat(verTemp[1]) <= 6.0) {
var doFix=true;
var tempfix = document.getElementById("search-fix-webSSerchy").innerHTML;
} //end of fix for IE6 and below
if (doFix) {document.getElementById("search-fix-webSSerchy").innerHTML = ""; }
if( document.getElementById ) {
document.getElementById(webSSearchyResultID).innerHTML = "";
}
if (doFix) {document.getElementById("search-fix-webSSerchy").innerHTML = tempfix; }
}
//-->
자바스크립트를 잘 모르는 지라 어림짐작으로 만든 것입니다. 삼수씨말마따나 미친년 널뛰대끼 아무 말이나 씨불씨불 해대다보먼 늘품이 생긴다더만 저도 이렇게 마구잡이로 오리고 붙이고 비우짱으로 댐빈 게 돌아가니 마냥 신기할 따름입니다. 그런고로 좀 더 효과적인 방법이 있으면 조언 부탁합니다.
2. Template Modules에 webSSearchy::Links가 있을 겁니다.
원 코드의 <div class="webSSearchyLinks"> ...</div>사이에 빨간색 부분을 추가하고
검색결과가 출력되는 <div id="webSSearchyResult<$MTEntryID$>" class="webSSearchyResult"></div>은 <table>...</table>로 감쌉니다. 레이아웃을 짜는 것도 아니니 테이블이 미워도 이해하세요., IE 6.x에서는 테이블이 없으면 아무리 닫아도 공중부양을 멈추지 않습니다.
<div class="webSSearchyLinks">
<MTWebSSearchys>
<MTWebSSearchyLink>
</MTWebSSearchys>
<a href="javascript:closewebSSearch(<$MTEntryID$>)" class="webSSearchy closed">Close::닫기</a>
</div>
<table cellpadding="0" cellspacing="0"><tr><td><div id="webSSearchyResult<$MTEntryID$>" class="webSSearchyResult"></div></td></tr></table>
<MTWebSSearchys>
<MTWebSSearchyLink>
</MTWebSSearchys>
<a href="javascript:closewebSSearch(<$MTEntryID$>)" class="webSSearchy closed">Close::닫기</a>
</div>
<table cellpadding="0" cellspacing="0"><tr><td><div id="webSSearchyResult<$MTEntryID$>" class="webSSearchyResult"></div></td></tr></table>
3. Archive Templates의 Individual Entry Archive에 webSSearchy 검색결과가 출력되는 부분이 있겠죠, <$MTInclude module="webSSearchy::Links"$> 이 코드를 이용하고 있을 것입니다.
<$MTInclude module="webSSearchy::Links"$>
<div id="search-fix-webSSerchy">
<div class="entry-footer">
..............
........................................
..............
</div><!--class="entry-footer"-->
</div><!--id="search-fix-webSSerchy"-->
<div id="search-fix-webSSerchy">
<div class="entry-footer">
..............
........................................
..............
</div><!--class="entry-footer"-->
</div><!--id="search-fix-webSSerchy"-->
이곳처럼 <div class="entry-footer"> ....... </div>위에서 검색결과를 출력할 텐데 그 부분을 <div id="search-fix-webSSerchy"> ....... </div>로 감싸줍니다. 꼬옥 안아줘야 합니다. 그래야 거만한 IE가 반응을 합니다.
4. Stylesheet에 다음 코드를 추가합니다. <$MTInclude module="webSSearchy::CSS"$>를 이용한다면 그곳에 넣으면 됩니다.
.webSSearchyLinks a.closed {
background: url(/img/webssearchy-close2.gif) no-repeat 2px;
border:1px solid #ccc;
}
.webSSearchyLinks a.closed:hover { color: #bd0000;}
background: url(/img/webssearchy-close2.gif) no-repeat 2px;
border:1px solid #ccc;
}
.webSSearchyLinks a.closed:hover { color: #bd0000;}
조오기 이미지 경로 수정 잊지 마시고요.
끝입니다. 설치보다 훨씬 쉬운 닫기 버튼을 넣는 과정이었습니다.
바로 아래에 보이는 Close::닫기입니다.
관련 글 검색 결과 닫기
