WP spoiler 플러그인 수정


이 플러그인이 업데이트 되었습니다. http://082net.com/tag/aj-spoiler/

사용중이던 Simple-Spoiler플러그인을 조금 수정해봤습니다.

요즘들어 유행하는 Ajax스크립트를 이용한 다양한 Effect들을 한번 써보고싶었는데, 문득.. show/hide 기능에 적용하면 괜찮겠다는 생각이 들어서 삽질을 한번 해봤습니다…^^;

Simple-Spoiler라는 플러그인은 본문내의 ‘문장’이나 ‘이미지’, ‘미디어’등등..을 기본적으로 숨겨놓은 상태에서, 블로그 방문자가 링크를 클릭했을때 그 부분을 페이지의 새로고침없이 바로 보여주는 기능을 합니다.
태터툴스의 ‘more/less’기능과 같다고 보시면 되겠네요..

다행히도 현재 사용중인 K2테마prototype.jseffect.js가 내장되어있어서 큰 무리 없이 플러그인을 조금 수정하는 정도로 적용시킬 수 있었습니다.

간단하게 예를 보여드리자면…

[spoiler ‘예제1. 텍스트 숨기기”텍스트 닫기’]간단한 주석이나, 본무내용에 연관되지만 좀 긴 내용의 글귀를 숨기거나[/spoiler]

[spoiler ‘예제2. 이미지 숨기기”이미지 닫기’]light box test two[/spoiler]

[spoiler ‘simple_hidden”예제3. 미디어 숨기기”미디어닫기’]

[/spoiler]

원래는 스포일러링크를 클릭하면 숨겨졌던 내용이 보여지면서 스포일러링크의 텍스트가 ‘다시 숨기기’같은 식으로 바뀌어야 하지만, ajax 이펙트를 적용해 보려다보니 그 기능까지는 살릴 실력이 안되네요… :(

플러그인 제작자에게 권한을 받을 상태가 아닌데다, 딱히 제대로된 코딩을 한게 아니라 배포하긴 불안하지만.. 혹여 한번 써보고 싶으신 분들을 위해 간단하게 내용을 적어보겠습니다.

1. 설치

우선, 아래 첨부된 파일을 다운받아서 압축을 푸시면,
s-spoiler.php, s-spoiler-k2.php파일과 "js"라는 폴더가 나옵니다.
s-spoiler.php파일과 "js"폴더는 K2테마를 사용하지 않는 사용자용이며,
s-spoiler-k2.php는 K2테마 사용자용 플러그인 파일입니다.

#K2 또는 prototype.jseffects.js를 내장한 테마 사용자#

s-spoiler-k2.php파일을 wp-content/plugins폴더에 넣어주신뒤 관리자페이지에서 플러그인을 활성화 시켜주시면 됩니다.

#prototype.jseffects.js가 없는 테마 사용자#

s-spoiler-php파일은 wp-content/plugins폴더에, "js"폴더는 폴더채로 현재 사용중인 테마폴더에 업로드합니다. 관리자페이지에서 플러그인을 활성화 하시면됩니다.

prototype.js와 effects.js가 사용중인 테마에 내장되어있는지의 여부를 정확히 확인하신 후 설치과정에 따라주세요

2. 사용

새로운 글을 쓰실때 Spoiler를 적용하고자 하는 내용부분을 spoiler태그로 묶어주세요.
아래는 예제1의 소스입니다.

'예제1. 텍스트 숨기기' 대신에 '보이기', '내용보기'식으로 원하시는 문구를 적어넣으시면 됩니다.

3. Support??

코딩, 프로그래밍에대한 제대로된 지식없이 수정한데다, 다른환경에서 테스트해보질 못한상태입니다.자바스크립트를 잘 다루시는 분이 제대로 수정해주신다면 더 좋을것 같네요. 혹시 질문있으신분이나 조언해주실분은 코멘트 남겨주세요.

Simple-Spoiler 원작자 :: http://waikay.net/2005/03/plugin-spoiler/
K2테마 사이트 :: http://binarybonsai.com/wordpress/k2/

아.. 제가 빠트린게 있었네요.. 플러그인파일의 53번째줄에 있는 $eff값을 'slide'나 'blind'로 바꾸시면(기본값은 'appear'), 각각 다른 효과를 적용하실 수 있습니다.

추가: 플러그인이 업데이트 되어 문제가 많은 예전 파일을 삭제했습니다.


9 responses to “WP spoiler 플러그인 수정”

  1. s-spoiler plugin

    [영팔님->http://082net.com] 께서 simple spoiler 란 플러그인을 ajax 랑 짝짝꿍 시키셔서 아주 멋지게 만들어 주셨다.
    설치후 에러가 나오는데 아무래도 헤더부분 삽입부분이 잘못된거 같아서 내 …

  2. @skydancer:: 므하… 정말 죄송합니다. 제가 쓰는 파일은 조금 수정해서 사용하느라 이곳에 올린파일을 정확히 테스트를 안해봤었네요.. 헤더부분에 스크립트 뿌려주는 부분이 잘못되있었습니다. (끄응..) Default테마로 테스트해보고 올렸습니다. 이번에는 정말 될거에요.

    괜한 수고를 끼쳐드렸네요. 잘 사용하세요~~^^;

  3. 영팔이님 감사합니다… ^^

    다시 설치해봤는데 오류문구가 똑같이 나오면서 설치가 안됩니다 ..ㅠ ㅠ
    살펴보니 업로드 후 웹상에서 에딧플러스로 열어보니 소스라인이 올리기전과 틀리게 나오더군요..(이유는 잘 모르겠습니다..^^;)

    웹상에서의 70라인은 두개의 js 파일을 불러들이는 구문이며 그부분에서 파싱에러가 나오는 걸로 보입니다….

    신경써주셔서 감사드리구요.. 좋은 하루 되세요 ~ ^^

  4. @skydancer:: 아.. 제가 파일 마지막 라인에 잘못된 코드를 넣었네요.. 수정해서 파일 다시 올렸습니다. 70번줄에서 오류가 난걸로봐서 이문제가 맞을듯 하네요… 불편을 드려 죄송합니다..^^;skydancer님도 좋은 하루 되세요~

  5. 굉장히 멋있네요 …
    사용해보고 싶어서 설치해봤더니

    Parse error: parse error, unexpected T_STRING, expecting ‘,’ or ‘;’ in /home/skydancer/public_html/blog/wp-content/plugins/s-spoiler.php on line 70

    이런 식으로 에러문구가 나오는데요… 제가 일자무식이라 어떻게 해야 하는지 잘 모르겠네요… ^^;;

    도움 부탁드립니다…(초면에 실례가 안되었으면 합니다…^^)

    좋은 하루 되세요 ~