토글 플러그인

[ Plugin / Show and Hide / Leave Comment ]

1. 다운로드

  1. 본인 완전 초짜로, 코드가 조악합니다. -_-; 개선 방법을 공부하는 중입니다. 개선했습니다. ;)
    • 블로그의 문법 적용마다 결과가 다를 수 있습니다. (Markdown, wiki, textile, bbcode, 등등등)
    • Ajax 효과를 준 플러그인을 사용할 때는 Show and Hide Ajax 효과 플러그인 최근 것 을 다운받고, 압축을 풀면 나오는 showhide 폴더 자체를 플러그인 폴더에 업로드하여 wp-content/plugins/showhide/파일들 이런 상태가 되도록 합니다. 그리고 플러그인을 활성화 시키면 됩니다.
  2. Show and Hide Ajax 효과 플러그인 0.2.1
    • Updated Sunday, September 10, 2006 22:40 - 4.61 KB
  3. Show and Hide 플러그인 0.2

2. 사용법

  • 기본
    ==== Showlinktext | Hidelinktext | Text ====
  • 귀찮으면
    ==== Showlinktext || Text ====
    ====| Hidelinktext | Text ====
  • 너무 귀찮으면
    ====|| Text ====

2.1 기본 링크 문구

  • Show linktext : More #id
  • Hide linktext : Close #id
    • Show linktext 문구가 있을 경우에는 Close : Showlinktext #id

3. 예제

  • 토글 예제 페이지
  • 적용 안되는 블로그도 있을 수 있음. - 내가 사용하려고 만들었기에 별로 고민하지 않았음

3.1 CSS 예제

div.show {
 /* 숨겨진 텍스트 박스 */
}
a.show {
 /* 보이게 하는 링크 텍스트 문구 */
}
a.hide {
 /* 숨기게 하는 링크 텍스트 문구 */
}
a.allshow {
 /* 모두 보이게 하는 링크 텍스트 문구 */
}
a.allhide {
 /* 모두 숨기게 하는 링크 텍스트 문구 */
}
a.show span, a.hide span, a.allshow span, a.allhide span {
 /* 링크를 구별하는 ID 번호 문구 */
display:none; /* 보이지 않게 */
}
/* 예외 */
a.show em, a.hide em, a.allshow em, a.allhide em {
 /* Ajax 효과를 준 플러그인 사용할 때
링크를 구별하는 ID 번호 문구 */

display:none; /* 보이지 않게 */
}

4. 설명

  1. 피드에는 showlinktext 문구와 함께 전문이 모두 보여진다.
  2. 숨겨진 텍스트가 3곳 이상 존재할 때는 모두 보여주기 링크가 보이도록 해놓았다.
  3. 자바스크립트를 쓰지 않고, 페이지를 로드해야 한다. (ajax 구현은 예외)
    1. 그래서 첫 페이지에는 간단하게 보여질 내용만 로드된다.
    2. 만든 이가 (단지) 자바스크립트를 이용한 토글을 별로 좋아하지 않는다…^^;

5. 업데이트 로그

  • 자바스크립트 파일 하나 줄임.
  • 주석 정리 못 함.. - 어떻게 코딩한 건가 헷갈리네;
  • Ajax 효과 구현
  • 링크 글씨에 블록 태그 올 수 없도록 str_replace("\r\n",'',$hidelink) 처리함.

6. 잡담

  • preg_replace_callback 으로 구현하고 싶었지만, 도저히 $i에서 막혀서 태터툴즈 방법으로 함. 구현함~!
  • 자바스크립트를 쓰고 싶지 않았음
  • 뭐 Ajax를 이용하면 괜찮을 것 같지만 문제는 나는 Ajax를 아예 모름. 결국 함.
  • 리퍼러와 현재 주소 정보를 이용… - 엉성하다.

Categories : Wordpress