lemonpen Menu

 

 

Writer : Kay 2007-12-26 16:17:48

안녕하세요. 레몬펜 케이입니다.

블로그에 첫 페이지에 달아놓은 쪽지가 없어지거나, 글을 따라가지 못하는 현상이 발생하시나요?

대부분 블로그 페이지 주소와 각 글(포스트) 가 일치 하지 않아서 발생하는 문제입니다.

 

이에따라서,  블로그 주소 지원을 위한 방안을 아래의 스프링노트에 정리하였으며, 1차 적용안이 배포되어 작동중입니다. 

이글의 '관련이슈'로 의견주신 많은 분들께 감사드립니다.

 

http://lemonpen.springnote.com/pages/665870.xhtml

 

방식은 간단히 소개드리면.

 

  1. 태터와 워드 계열 블로그의 표준 스킨 패턴을 지원합니다.

    1. '둥둥쪽지' 를 드랙하실 때 글영역이 어둡게 잡히면, 패턴인식이 잘 되는 것입니다.
    2. 참고로 태터의 표준 class 패턴은   class="entry"  /  class="titleWrap"  (간단히  entry / titleWrap) 을 포함해서 몇가지 있습니다.
  2. 자동 지원되지 않는 경우, 스킨 수정이나 설정 스크립트 추가로 해결됩니다.
  3. 표준 스킨이 아닌 인기 스킨의 경우 자동 지원을 확대하려고 합니다.

    1. 혹시, 본인의 블로그 패턴이 인기 스킨인데, 지원되지 않는다면 블로그 주소와  패턴을아래와 같이 리포팅 요청드립니다.

      1. 예)  http://mymy.tistory.com,     entry / entryTitle

         

그리고, ... 언제나 그렇듯, 원본보다 훨씬 쉬운 블로그 소개 포스트들 입니다.  oTL

 

  1. 쉬운 문제 설명:  http://ypshin.com/2690202
  2. 제로보드 XE 에서 : http://seungyeop.kr/3880

 

이 방식을 약간만 응용하면, 꼭 블로그 글 뿐만 아니라 고유링크만 있다면 쉽게 응용할 수 있습니다. 

  1. 실제 예) 방명록 같은 경우에도 응용하실 수 있습니다.
  2. 글의 주소의 파라미터등이 조금씩 다른 variation 이 많지만 모두 같은 글인 경우

    .

[[ 내 블로그 레몬펜 관리팁 ]]

 

1. 방문객이 엉뚱한 위치에 쪽지를 남기시면, 주인장이 옮기시면 됩니다.

2. 방문객이 영~ 비상식적인 쪽지를 남기면, 쪽지 메뉴에 '비공개 처리'를 하십시오.

 

Mail notification

Comments

  • 2007-12-29 16:17:21

    티스토리 사용자입니다.

    본문 영역은 설명대로 하면 잘 되는데, 방명록 영역은 잘 안 되네요;; 여러 방법으로 "hentry"와 rel="bookmark"를 조합해봤는데 안 됩니다.

  • 2008-01-07 10:59:44

    안녕하세요. 일반적인 방명록이라면,  방문자가 쓴 글들의 목록인데요,... 그 글들은 따로 고유주소가 없지 않나 싶습니다. 이러한 경우라면, 현재 해결방안인 '포함글' 패턴으로 처리가 어렵습니다. 각자의 주소가 없이, 방명록 목록페이지 URL 로만 연관되기 때문에, 더 난해한 형태가 됩니다. T T

    http://rukxer.net/guestbook  의 태그를 좀 보았습니다.

    역시, 각 방문객의 글이 고유페이가 없기 때문에, 해당 방명록 페이지주소로 저장됩니다.

    약간의 꼼수를 비공식으로 소개해 드리겠습니다. 실험해 보십시오 ㅎㅎ.

    스킨 태그를 고쳐서아래와 같이 출력되도록 해보십시오.

    <div class="guestList">

       <ol>

          <li id="comment2322717"  class="hentry">    <!---  개별 방명글 블록에, 'hentry' class 값 추가 --->

            <div class="guest_general">

    ... 

              <span class="date"> [##_guest_rep_date_##]</span>

    <!-- 위의 방명글 날짜 출력 스킨을,  아래와 같이 허위(?)링크로 감싸줍니다.... --->

             <span class="date"> <a rel="bookmark"

    href="?id=[##_guest_rep_id_##]">[##_guest_rep_date_##]</a></span>

     

    <!-- 날짜에 링크대신 다른 방법으로는,  보이지 않는 허위링크를 추가해 줍니다. --->

               <a ..>Reply</a>        <!--- Reply 뒷쪽에 공백이 좀 있네요 ^^, 그 뒤에 --->

               <a rel="bookmark" href="?id=comment2322717" style="visibility: hidden;">방문글</a>    <!--- 허위(?) 고유 링크 추가, 반드시 유일한 comment id 를 넣어 주셔야 합니다. --->

     

    스크랩 주소가 방문글 고유링크에 # 로 붙고, 방문글 고유링크 링크 텍스트를 출처제목으로 저장하기 때문에 위와 같이 허위(?) 로 맞춰 줍니다. 퀴리 "?" 만 추가했으므로, 스크랩 주소도 정상작동하게 됩니다.

     

    1. rukxer.net 블로그 방명록 특성상 li 에도 되도록 div 태그 제약을 풀었고.

    2. 약간의 URL 계산 버그를 수정됬습니다.

     

    * 한계) 해당 방명글의 고유링크가 실제 존재하는 것이 아니고, 방명록 페이지 주소를 이용하는 것이라, 방명글이 다음페이지로 밀리면, 첫페이지에서는 보이지 않고, 그 다음페이지에서 방명글이 보일 때 같이 보이게 됩니다.

  • 2007-12-30 03:24:12

    성공입니다!

     

    (전략)

    <div class="guestList">
                                <ol>
                                <s_guest_rep>
                                    <li id="[##_guest_rep_id_##]">
                                      <div class="[##_guest_rep_class_##] hentry"> <span class="name">[##_guest_rep_name_##]</span> <span class="date"> [##_guest_rep_date_##]</span> <span class="control"> <a href="#" onclick="[##_guest_rep_onclick_delete_##]" class="modify">&nbsp;<span>Modify/Delete</span></a> <a href="#" onclick="[##_guest_rep_onclick_reply_##]" class="write">&nbsp;<span>Reply</span></a> </span>
                                          <a href="?[##_guest_rep_id_##]" style="visibility: hidden;" rel="bookmark">방문글</a>
                                          <p>[##_guest_rep_desc_##]</p>

    (후략)

     

    위 코드는 제가 사용 중인 스킨의 실제 코드입니다. 다른 색으로 표시된 것이 알려주신 것을 참조해서 추가시킨 부분입니다.

    제가 만든 스킨이기도 하지만, 태터툴즈 기본 스킨을 바탕으로 했기 때문에 위 부분의 코드는 기본 스킨과 동일합니다.

    감사합니다 :-) 임시방편이라고는 하지만 말끔하게 성공되어 기분이 좋습니다^^

  • 2007-12-30 08:59:39

    오~ 성공했습니다.

    테터툴즈 1.2.x에서 위와 같은 방법으로 큰 어려움 없이 다른 URL에서 같은 쪽지가 나오는 것을 확인했습니다.

    좀더 테스트한 뒤 글을 올리도록 하지요. ^^

    수고하셨습니다.

  • 2008-01-02 15:18:30

    위의 방안으로는 한계가 있습니다. 원래 방안도, 천만 다행으로 블로그가 대게 고유링크를 제공하기 때문에 가능한 방법입니다.

     

    현재는, 쪽지/하이라이트가 개별 코멘트를 따라가고, 방명록의 어디엔가는 반드시 나오기는 하지만, 방명록이 페이징을 지원하기 때문에, 다른 페이지로 넘어갈 경우에는, 원래 페이지에서 나타나지 않습니다.

    이것이 깔끔하게 해결되려면, 블로그 시스템 자체에서, 각 최상위 방명록 코멘트에 대해서도 고유링크를 제공하고, 실제 요청시에는 그 코멘트를 볼 수 있는 적절한 방명록 페이지로 redirect 하는 등의 처리를 해주어야 합니다. 

    그래서, 제가 구지 허위(?) 링크라고 표현 했었구요.

    현재로서는 다음 페이지에서 찾는 방법뿐이네요. T T

     

    혹시, 다른 좋은 아이디어 있으시면 푸짐한 상품 약속드립니다. ^^

     

    참) 태터 방명록의 경우, 잘보니, 코멘트 날짜 뿌리는 곳이 허위링크로 더 적절해 보입니다

    <span class="date"> [##_guest_rep_date_##]</span>

    ===> 날짜를 허위(?)링크로 감싸줍니다.

    <span class="date"> <a rel="bookmark" href="?id=[##_guest_rep_id_##]">[##_guest_rep_date_##]</a></span>

  • 2008-01-03 19:00:17

    직접만든 개인 블로그에 적용했는데, 쉽게 잘 적용되네요.

    좋은 서비스 감사드립니다.

  • 2008-01-04 17:45:46

     다행히도 잘 감지하는군요;;

  • 2008-01-06 00:03:07

    저도 위 방법대로 했더니 잘됩니다. 제 스킨같은 경우 div tag을 쓰지 않고 table tag 을 쓰고 있는데 <table class="hentry" ...> 로 바꾸고 rel="bookmark" 추가했더니 잘 작동합니다. 감사합니다.

  • 2008-01-07 11:01:07

    네.  class='hentry' 값은 모든 태그에  인용글 블럭 표시로 사용하실 수 있습니다. ㅎㅎ

  • 2008-01-20 07:05:06

    정말 시간이 되시면 블로거닷컴에 적용하는 방법도 알려주세요. ㅡ.ㅡ

     

  • 2008-01-21 18:37:36

    네. 블로거닷컴은 국내에선 비중이 크지않아서 ^^a;  스킨이 표준화만 되있다면, 다른 곳 보다 쉽게 적용가능합니다. 관련해서 정보 주시면, 바로 지원하겠습니다.

  • 2008-01-28 22:12:34

    감사합니다. 혹시, 블로거닷컴의 스킨 특성 등에 대한 정보도 있으면 공유부탁드립니다.

    자동 지원 검토해 보겠습니다.

  • 2008-05-20 00:43:31

    xe 게시판의 경우는 어떻게 하면 되나요?

    블로그처럼 글내용이 아닌, 리스트 화면에 형광칠이나 쪽지를 남기게 되면,

    해당페이지가 넘어가거나하면 사라지던데 말이죠.

  • 2008-05-20 11:40:08

    페이징이 붙어있는 글 목록 페이지를 말씀하시는 것이죠?

    그리고, 아마, 하이라이트를 목록의 글제목 등에 그을 경우 해당되는 것 같구요.

    당장은 해결이 어려운 문제입니다.

    동일 페이지 주소의 내용이 끊임없이 변하는, 아주 동적인 페이지에 해당됩니다.

    이를 테면, 포탈의 탑같은 경우에, 페이지 쪽지는 내용과 관계없으므로, 이상하지 않지만,

    내용을 하이라이트 한 경우는, 해당 내용이 계속 변경되는 상황이라서, 대처하기 어려운 상황입니다.

    본인 스크랩북 보관되는 기능만 유효하게 되며, 페이지에서는 하이라이트가 계속 떨어지는 사용자 경험이 됩니다.

    기본적으로, 하이라이트가  오프라인의 책처럼, 정적인 내용에 부착하는 것이 주 목적이라,

    매우 동적인 페이지나, 또는, Application UI 에는 용도밖이라고 말씀드리고 싶습니다.

    다만, 게시판 목록에서도 가능한 아이디어가 있으시면 제안 부탁드립니다.

    감사합니다.