Ajax-Spoiler를 응용한 이펙트 적용3

이번 방법은 조금 더 간단하게 효과를 적용하기 위해 만들어봤는데, 실상 더 복잡해 진듯하기도 합니다. Ajax-Spoiler 플러그인 v0.7 이후 판(version)에서만 적용이 가능합니다.

혹시나 Wp-Script 플러그인의 site.custom.js 파일을 살펴보셨던 분이라면 이미 알고계실지도 모르겠네요^^;
Continue reading “Ajax-Spoiler를 응용한 이펙트 적용3”

Ajax Spoiler Plugin

There’s a new plugin for wordpress 2.7 or greater.

This page is for people who cannot understand Korean. Please let me know about any mistakes in grammar or expression:)

Based On

Install

  • Upload aj-spoiler folder extracted from downloaded file below(wp-aj-spoiler.zip) to wp-contnet/plugins
  • Open aj-spoiler.php and edit options and re-upload it.(see ‘Config’ below)
  • Go to Wp-Admin > Plugins panel and Activate Ajax-Spoiler.
  • That’s all.

Continue reading “Ajax Spoiler Plugin”

Ajax-Spoiler Plugin v0.8

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

몇가지 오류를 수정하고 정신없는 내용들을 한번에 정리하고자 또다시 판올림 하게 되었습니다. 이전 글들과 중복되는 내용이긴 하지만 영문 설명글 등록과 더불어 한번은 해야 할 시기인듯 하여…^^;

기본이 된 플러그인

  • Simple Spoiler: http://waikay.net/2005/03/plugin-spoiler/
  • 워드프레스나 PHP를 전혀 모르던 때 무작정 effects.js 효과를 적용해 보려고 만지작 거리기 시작했던 플러그인 입니다. Ajax-Spoiler플러그인 말고 단순히 Show/Hide기능을 이용하실 분들께서는 위 플러그인을 사용해 보세요.:)

설치하기

  • 아래 링크된 파일(wp-aj-spoiler.zip)을 내려받아 압축을 풀면 생성되는 aj-spoiler 폴더를 wp-contnet/plugins 폴더에 업로드 합니다.
  • aj-spoiler.php파일을 열어 상단의 설정 부분을 자신에 맞게 조정 한 뒤 다시 업로드 합니다.(아래 “설정하기” 참고)
  • 관리자 화면(Admin) > 플러그인(Plugins) 화면에서 Ajax-Spoiler 를 활성화(Activate)시킵니다.
  • 기본적인 설치가 끝났습니다.

Continue reading “Ajax-Spoiler Plugin v0.8”

Ajax-Spoiler v0.7

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

계속 미뤄왔던 새로운 판을 슬며시 공개합니다. mootools적용, Dom 방식 적용 등 문제 발생요인이 많아 잦은 오류가 예상되어 판이름을 1로 시작하려다 좀 더 두고 보려고 0.7로 정했습니다.

추가, 변경된 것들 (Changes)

  • 플러그인 자체의 작동은 그다지 변한게 없지만, 주변 환경이나 응용방법등이 많이 바뀌었습니다.
  • 플러그인파일의 설정부분을 수정함으로써 mootools 와 prototype + effects 중에 선택 할 수 있습니다. 어떤 라이브러리를 선택하는가에 따라 Wp-Scripts를 이용하거나 직접 입력하는 방법등을 통해 선택한 라이브러리를 헤더에 삽입해야만 플러그인이 제대로 작동 합니다.
  • < spoiler >태그를 제외하여 기본적으로는 [ spoiler ]태그만을 지원합니다. 계속하여 < spoiler >태그를 사용하려면 파일의 설정부분을 수정하면 됩니다.
  • 기본적인 출력 방식이 우선 내용이 모두 보여진 후에 자바스크립트를 이용해 감춰지는 방식이기 때문에 자바 스크립트를 지원하지 않는 브라우저에서는 숨겨진 부분이 모두 보여지게 됩니다. 하지만 효과(effect)의 뒷부분에 ‘_hidden’을 붙여주면 (예: ‘blind_hidden’) 처음부터 내용이 숨겨지며 자바스크립트를 지원하지 않는 브라우저 에서는 소스보기를 통해서만 내용을 확인 할 수 있습니다.
  • 기본 효과(effect)를 지정 할 수 있습니다.(설정부분)
  • spoiler 태그의 계층별 사용이 가능합니다.(spoiler 안의 또다른 spoiler)
  • 피드 리더기에서 보여지는 방식을 선택 할 수 있습니다.(설정부분)

플러그인 설정하기

  • aj-spoiler.php파일을 열어 58~65번줄 부근을 보면 플러그인을 설정하는 부분이 있습니다.
  • $feed_visibility: (‘show‘ 또는 ‘hide‘) 피드 리더기에서 보여질 방법을 선택합니다. ‘show’를 선택했을 경우 모든 내용이 숨겨지지 않고 보여지지만, ‘hide’로 설정하면 내용이 숨겨지며 숨겨진 내용을 확인하려면 블로그를 방문해야만 합니다.
  • $use_html_tagset: (true 또는 false)v0.7 이후로는 기본적으로 < spoiler >태그를 지원하지 않습니다.(false) 계속 사용하려면 이 값을 true 로 설정하세요.
  • $js_library: (‘mootools’ 또는 ‘prototype’) 라이브러리의 특징상 두가지를 동시에 사용 할 수 없습니다.
    • 따라서 wp-lightbox JS 2 와 같이 prototype을 사용하는 플러그인을 사용할때는 prototype 을 선택해야만 합니다. mootools를 사용하려면 wp-litebox 와 같이 mootools 용으로 수정된 플러그인을 사용하면 됩니다.
    • Wp-Scripts 플러그인 사용할때 ‘mootools’를 사용하려면 wp-scripts 설정 화면에서 Base(기본)을 ‘mootools’로 선택하고, 추가적으로 Fxpack.js, Fxutils.js, Fxtransitions.js를 선택해 주어야만 합니다.
    • Wp-Scripts 플러그인 사용할때 ‘prototype’를 사용하려면 wp-scripts 설정 화면에서 Base(기본)을 ‘prototype’로 선택하고, 추가적으로 effects.js를 선택해 주어야만 합니다.
  • $default_effect: spoiler태그에서 효과를 지정하지 않을경우 기본적으로 사용할 효과를 선택 할 수 있습니다. 제시된 효과들 중에서만 선택 할 수 있습니다.

Spoiler효과를 응용해서 사이드바나 메뉴에 적용하고자 할때의 방법이 바뀌었습니다. prototype 을 선택해 사용할때는 예전의 방법으로도 적용 가능하지만, mootools 를 선택하면 방법이 다릅니다. 자세한 방법은 이 글(준비중)을 참고하세요.