Ajax Spoiler ver.0.3

워드프레스 2.7이상에서 작동하는 새로운 플러그인이 있습니다.

Ajax Spoiler 0.2공개 후 제가 직접 사용하면서 불편했던점들과, Unfusion님께서 수정해주신부분을 적용해서 0.3버전을 만들었습니다.

1. 변경사항 (Change)
  • 파일을 수정하지 않고 이펙트를 지정할 수 있습니다 (by unfusion)
  • 스크립트, CSS파일들을 플러그인 폴더로 옮겼습니다.(by unfusion)
  • 새로운 이펙트가 추가되었습니다 : phase
  • aj-spoiler.js.php파일을 추가했습니다.
  • effect.js.php파일을 수정하지 않고 원본파일로 사용했습니다.
  • 설치가 이전 버전에 비해 간편해 졌습니다.
  • 워드프레스의 wpautop 필터와 문제를 일으켜 생겼던 Validation오류를 해결했습니다.
2. 설치 (Install)
  • 아래 첨부된 파일을 다운로드받습니다.(일반사용자용, k2테마사용자용)
  • 압축을 풀면 나오는 aj-spoiler폴더를 플러그인폴더에 업로드합니다.
    (e.g. /wp-content/plugins/)
  • 관리자화면 / 플러그인에서 ajax-spoiler를 활성화(Activate) 합니다.
3. 업그레이드 (Upgrade)
  • 기존 플러그인 파일(aj-spoiler.php), 테마폴더에 업로드했던 “js“폴더를 삭제합니다.
  • K2테마 사용자께서는 0.2버전에서 교체했던 effect.js.php파일을 원래의 파일로 바꾸세요
  • aj-spoiler폴더를 플러그인폴더에 업로드합니다.
  • 관리자화면 / 플러그인에서 ajax-spoiler를 활성화(Activate) 합니다.
4. 사용법 예제 (Usage)
  • 0.2버전 포스트에 사용예, 사용법을 참고하세요.
  • 새로운 이펙트 phase 의 사용예 입니다.

    phase이펙트 »

    phase이펙트는 이렇게 작동 합니다.
    FadeIn되면서 BlindDown되고, FadeOut되면서 BlindUp됩니다.

  • 위 사용예의 코드는 아래와 같습니다.
    phase이펙트 »

    phase이펙트는 이렇게 작동 합니다. FadeIn되면서 BlindDown되고, FadeOut되면서 BlindUp됩니다.
  • 이펙트 종류에는 appear(기본값), blind, apblind, phase 네가지가 있습니다.
  • 이펙트종류, 스포일러텍스트를 지정하지 않으시면 기본값으로 자동 지정됩니다.
    (이펙트 = ‘appear‘, 보이기텍스트 = ‘show‘, 감추기텍스트 = ‘hide‘)
5. 참고 및 하고 싶은말 (Readme)
  • 수정에 도움을 주신 Unfusion님께 감사드립니다.:D
  • 문제가 있으면 이 페이지에 코멘트 남겨주시기 바랍니다.
  • 이 플러그인은 Simple-Spoiler를 수정한 버전입니다.
  • 플러그인의 개선에 대한 의견이나, 고칠점이 있다면 언제든지 코멘트 남겨주세요.;)

더이상 k2테마용 버전이 따로 필요치 않게되어 파일을 삭제 했습니다.

추가 : 플러그인이 업데이트되어, 버그가 있는 예전 버전을 삭제했습니다.

Ajax-Spoiler Alpha2

워드프레스 2.7이상에서 작동하는 새로운 플러그인이 있습니다.

몇일전 수정했던 Simple-Spoiler플러그인을 조금 더 보완 해 봤습니다. 제대로 테스트도 안해보고 공개를 해서, 몇몇분들께 괜한 수고를 끼쳐드린것 같아 죄송스럽네요.

1. 변경사항
  • “숨기기”텍스트가 작동합니다.
  • 이펙트(effect)를 추가했습니다.(apblind)
  • 플러그인 파일명을 "aj-spoiler.php"로 바꿨습니다.
  • 헤더부분에 자바스크립트 삽입하는 부분 수정(이부분때문에 불편을 드렸었네요..;;;)
2. 설치
  • 이전 버젼을 사용하시던 분들께서는 기존 플러그인을 “Deactivate“하신 후 파일을 삭제하시고나서 새로운 버젼을 설치하셔야 합니다.
  • 나머지 설치방법은 기존과 동일합니다.("js"폴더도 같이 업데이트 해주셔야합니다)

몇가지 기능추가를 위해 effect.js.php파일을 조금 수정했습니다. 따라서, k2테마(effect.js,protype.js파일적용테마)사용자분들께서는 "js"폴더의 effect.js.php파일을 기존파일에 덮어씌우셔야합니다.

Continue reading “Ajax-Spoiler Alpha2”

WP spoiler 플러그인 수정

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

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

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

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

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

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

Show »

간단한 주석이나, 본무내용에 연관되지만 좀 긴 내용의 글귀를 숨기거나

Show »

light box test two

예제3. »

Continue reading “WP spoiler 플러그인 수정”

Lightbox 테스팅

K2 포럼LightBox대한 내용이 올라왔더군요.

기존에 클릭하면 새창으로 원본크기의 이미지가 뜨는 스크립트를 사용해왔는데, 이 스크립트로 바꾸는게 더 좋을것 같네요.

lightbox test onelight box test two

이미지를 클릭해 보세요

큰문제는 아니지만 k2테마와 충돌? 하는게 하나 있군요, 워드프레스에 로그인한 상태에서 싱글페이지(각 포스트 페이지)를 열었을때 위 스크립트가 작동하질 않는군요…:???:
궁여지책으로 k2테마의 ajax comment 기능을 끄면 제대로 작동합니다. ajax스크립트와 lightbox스크립트가 충돌을 일이키나보네요-_-;또.. 한참 삽질을 해야 해결 할 수 있을듯… (으헉;;)

우선 50%정도는 해결 했습니다. 원인은 ajax-comment에 있는것이 아니라 window.onload에 있었네요. comments.php에서 window.onload = HideUtils;을 포함하는 두라인을 코멘트 처리하는걸로 오작동되던건 해결됩니다.(ajax-comment기능을 켠 상태로도..)