토글 플러그인
[ Plugin / Show and Hide / Leave Comment ]
1. 다운로드
본인 완전 초짜로, 코드가 조악합니다. -_-; 개선 방법을 공부하는 중입니다.개선했습니다. ;)- 블로그의 문법 적용마다 결과가 다를 수 있습니다. (Markdown, wiki, textile, bbcode, 등등등)
- Ajax 효과를 준 플러그인을 사용할 때는 Show and Hide Ajax 효과 플러그인 최근 것 을 다운받고, 압축을 풀면 나오는 showhide 폴더 자체를 플러그인 폴더에 업로드하여 wp-content/plugins/showhide/파일들 이런 상태가 되도록 합니다. 그리고 플러그인을 활성화 시키면 됩니다.
- Show and Hide Ajax 효과 플러그인 0.2.1
- Updated Sunday, September 10, 2006 22:40 - 4.61 KB
- Show and Hide 플러그인 0.2
- Show and Hide 플러그인 0.2 소스
- Updated Sunday, September 10, 2006 10:28 - 1.44 KB
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; /* 보이지 않게 */
}
/* 숨겨진 텍스트 박스 */
}
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. 설명
- 피드에는 showlinktext 문구와 함께 전문이 모두 보여진다.
- 숨겨진 텍스트가 3곳 이상 존재할 때는 모두 보여주기 링크가 보이도록 해놓았다.
- 자바스크립트를 쓰지 않고, 페이지를 로드해야 한다. (ajax 구현은 예외)
- 그래서 첫 페이지에는 간단하게 보여질 내용만 로드된다.
- 만든 이가 (단지) 자바스크립트를 이용한 토글을 별로 좋아하지 않는다…^^;
5. 업데이트 로그
- 자바스크립트 파일 하나 줄임.
- 주석 정리 못 함.. - 어떻게 코딩한 건가 헷갈리네;
- Ajax 효과 구현
- 링크 글씨에 블록 태그 올 수 없도록 str_replace("\r\n",'',$hidelink) 처리함.
6. 잡담
preg_replace_callback 으로 구현하고 싶었지만, 도저히 $i에서 막혀서 태터툴즈 방법으로 함.구현함~!- 자바스크립트를 쓰고 싶지 않았음
뭐 Ajax를 이용하면 괜찮을 것 같지만 문제는 나는 Ajax를 아예 모름.결국 함.- 리퍼러와 현재 주소 정보를 이용… - 엉성하다.
Categories : Wordpress
Search
Recent Changes
Groups
Related pages
- Feed Filter
- Jump Page Link with page name Plugin
- Modifying Table of Contents Plugin for Webstandard
- Plugin
- Pmwiki Comment Plugin for Diary Page
- Polyglot Plugin for WAI
- Simple Code Escape
- Star Rating Plugin for PNG-24 Alpha Transparency
- Subscribe to Comments
- Title Plugins for WAI and Convenience
- Xspf Player 비교와 임시 수정
- 구글 스프레드 시트를 위키에 가져오기
- 위키 액션에 권한주기
- 철저하게 웹표준을 지키는 방법
- 코멘트 Allow Tags
- 코멘트 타입 구분 나열