082NeT

Advanced Spoiler 플러그인

기존의 Ajax-Spoiler 플러그인의 이름을 Advanced-Spoiler 로 바꾸었다. AJAX 가 뭔지도 제대로 알지 못하던 때에 만든 플러그인이라, 무심코 붙인 이름이었는데 아무래도 그 기능에 있어서 오해를 불러일으키는 경우가 계속 발생할 듯 해서 큰 마음을 먹고 바꾸게 되었다.

이름만 바뀐건 아니고, 몇가지 기능을 추가하고 설정 페이지를 만들어 두기도 했다.

요구사항 및 기능

  • 워드프레스 2.7 이상
  • TinyMCE, Quicktags 에 spoiler 버튼이 추가되어 에디터 상에서 쉽게 스포일러를 추가 가능.
  • 간단(Simple) 모드를 지원하여 효과를 사용하지 않는 간단한 스포일러를 사용할 수 있슴.
  • 그 외의 기능은 기존 Ajax-Spoiler 플러그인과 거의 동일함.

설치

  • 압축을 푼 ‘advanced-spoiler’ 폴더를 wp-content/plugins 폴더에 업로드
  • ‘관리자 화면 > 플러그인’ 에서 활성화
  • ‘관리자 화면 > 설정 > Advanced Spoiler’ 에서 자신에 맞게 설정

사용

  • 글 작성 시 숨겨두고 싶은 부분을 [spoiler] [/spoiler] 로 감싸줌. 
    • 

  • 단락을 드래그 하여 선택한 뒤 스포일러 아이콘(+-)을 클릭하면 관련 설정 창이 나타남.

      

    • TinyMCE:
      
tinymce-spoiler-button
      • 

    • Quicktags:
      
quicktags-spoiler-button
      • 

    

    • 

  • 효과, 문구 등을 기본 설정과 다르게 하려면 각각의 설정을 변경하고, 아니라면 그냥 'Okay' 버튼을 누르면 됨
    • 



설정


    

  • 모드: '심플'을 선택하면 효과 없이 바로 보여주거나 감춤.
    • 

  • 피드 가시성: 피드를 통해 글을 볼 때 감춰진 내용을 보여줄지 감출지를 결정.
    • 

  • 보이기 문구, 감추기 문구: 스포일러 버튼에 표시될 문구를 적어줌.
    • 

  • 기본 효과: 기본으로 사용 할 효과 선택.
    • 

  • 효과 속도: 효과의 진행 속도 선택. 숫자가 작을수록 빠름.
    • 

  • 중복 허용: 스포일러 안에 또 다른 스포일러를 사용하고 싶다면 '예(Yes)'. 단, 사용하지 않을 때 보다 조금이나마 느려질 가능성이 있슴.
    • 



사용 예


    

  • blind 효과:

      

    • [spoiler effect="blind"]gravatar[/spoiler]
      • 

    • 

      [/spoiler]
      

      • 

    

    • 

  • appear 효과:

      

    • [spoiler effect="appear"]gravatar[/spoiler]
      • 

    • 

      [/spoiler]
      

      • 

    

    • 

  • slide 효과:

      

    • [spoiler effect="slide" show="보이기 문구" hide="감추기 문구"]gravatar[/spoiler]
      • 

    • 

      [/spoiler]
      

      • 

    

    • 

  • apblind 효과:

      

    • [spoiler effect="blind"]gravatar[/spoiler]
      • 

    • 

      [/spoiler]
      

      • 

    

    • 

  • simple: (심플모드와 동일함)

      

    • [spoiler effect="simple"]gravatar[/spoiler]
      • 

    • 

      [/spoiler]
      

      • 

    

    • 



변경 내역


    

  • v2.01a: 중복허용 방식에 문제가 있어 수정함.(2009.04.25 17:32)
    • 

  • v2.02(2009-11-24): TinyMCE 버튼을 이용한 자동삽입문제 해결. 저슷힌님의 오류보고
    • 



advanced-spoiler 플러그인 @ 워드프레스 플러그인 페이지















082net






, , , , 
















	

		65 responses to “Advanced Spoiler 플러그인”	


	

		

		

	


	
    
			
  1. 
			
    
				

				
    
					
    Hi, is it possible to use bigger images for collapseicon1.gif and collapseicon1.gif? How to do that
    
				
    

							
    
		
    2. 
		
  2. 
			
		
    3. 
		
  3. 
			
    
				

				
    
					
    접기 기능이 필요했는데 우리나라 분이 좋은 플러그인을 만들어주셔서 간편하게 사용 할 수 있게 되었네요. 감사합니다.
    
				
    

							
    
		
    4. 
		
  4. 
			
		
    5. 
		
  5. 
			
		
    6. 
		
  6. 
			
		
    7. 
		
  7. 
			
    
				

				
    
					
    Hi I love the functionality of your plugin. Seriously awesome. I got to thinking and I realized that it would be an even better solution for me to be able to use the functionalities also in the theme template files.
    

    For example: In category-11.php category archive template page, I’d like to display the name of the blog post, the excerpt, then hide the CONTENT. That way on the category archive page you can still read the whole blog post, but it is initially hidden.
    

    How do I do this? I tried the Expand Ajax-Spoiler effects 1 method but either I did not do it right or it just didn’t work…
    

    HELP!
    
				
    

							
    
		
    8. 
		
  8. 
			
		
      
		
    • 
			
      
				

				
      
					
      It’s not related to the plugin but your theme CSS style.
      

      Add below css rule to your style.css.
      

      [code lang=”css”]
      
#footer-widgets {
      
	position: relative;
      
}
      
[/code]
      
				
      

							
      
		
      • 

    

    9. 
		
  9. 
			
		

    10. 
		
  10. 
			
    
				

				
    
					
    hey again,
    

    the other question is, if you have i.e. 10 spoilers on one page. then i want to set the 1st spoiler as open and the other 9 as close. and if i then click on spoiler 7 this #7 opens and the all others including #1 are closed…
    

    thanks in advance!
    

    best regards
    
tobi
    
				
    

							
    
		

    11. 
		
  11. 
			
    
				

				
    
					
    hey, first of all great plugin!!!
    

    i have the same question like teo above:
    

    it is possible to have only one spoiler open at a time? for example if i have 2 spoilers, user click to open spoiler 1 than when click to open spoiler 2 spoiler 1 is closing?
    

    thanks a lot for your help!
    
best regards
    
tobi
    
				
    

							
    
		

    12. 
		
  12. 
			
		
      
		
    • 
			
      
				

				
      
					
      I’ve had the same problem again, and now I think it’s caused by a very long text under the spoiler tab. There’s some way to fix it?
      
				
      

							
      
		
        
		
      • 
			
        
				

				
        
					
        It’s due to single quote(') inner javascript code, and it’s a plugin bug.
        

        I’ll fix this A.S.A.P, please do not use single or double quote (‘, “) inner spoiler text(open, close text) until then.
        
				
        

							
        
		
        • 

      

      • 

    

    13. 
		
  13. 
			
    
				

				
    
					
    Hi, I did a question that has not been answered but it’s important so I try again :)
    
I’ve installed for a client WordPress MU and Advanced Spoiler is not working anymore. Everything is garbled.
    
I’m asking: do you know of this problem? Will you solve it?
    
Thanks again!
    
Enrico
    
				
    

							
    
		
      
		
    • 
			
      
				

				
      
					
      Hi, and sorry for my tarried response.
      

      I didn’t know about bug with MU, I have not tested with MU:(
      

      I’ll try the plugin with MU and fix that if there’s any problem.
      

      Thanks:)
      
				
      

							
      
		
      • 

    

    14. 
		
  14. 
			
    
				

				
    
					
    Any way to make the text Show/Hide (not the text in spoiler) appear on the same line of (or continue) the previous text? For example i want it this way:
    

    Text in paragraph — Show/Hide
    
(text in spoiler)
    

    But it always breaks the line and consumes space, like this:
    

    Text in paragraph —
    
Show/Hide
    
(text in spoiler)
    

    :(
    
				
    

							
    
		

    15. 
		
  15. 
			
    
				

				
    
					
    Hi YoungMin,
    
I’ve just upgraded my site – using advanced spoiler – from wordpress to wordpress MU and your plugin stopped working.
    
Look at this page: http://efoa.it/calendari-corsi-invernali/
    
As you can see the spoilers are garbled, even if the tags are all in place (the same page was perfect under WP 291, just a few days ago)
    
The page won’t last long since I’ve to update it soon to correct the issues in some way.
    
Before removing AS I just wanted to check if you know of this problem and if you can help me to solve it.
    
Waiting for an urgent answer, if you can.
    
Thanks so much and keep on with the great work!
    
Enrico
    
				
    

							
    
		
    16. 
		
  16. 
			
    
				

				
    
					
    Hi, awesome plugin. Works fine with the last version of WordPress. I just translate it into Spanish, I hope you serve.
    
You can download the translation here
    
Greetings
    

    PS: How can i can get the smilies of your site?
    
				
    

							
    
		

    17. 
		
  17. 
			
		
    18. 
		
  18. 
			
    
				

				
    
					
    Hi.  Great plug-in.  I would like to request that you make it so the user can use an image button and not just a text button.
    

    That would be awesome!:)
    
				
    

							
    
		
    19. 
		
  19. 
			
    
				

				
    
					
    it is possible to have only one spoiler open at a time? for example if i have 2 spoilers, user click to open spoiler 1 than when click to open spoiler 2 spoiler 1 is closing
    
thanks
    
				
    

							
    
		

    20. 
		
  20. 
			
    
				

				
    
					
    워프 공식 플러그인 자료실쪽에 이걸 찾았는데, 알고보니 082NeT님의 플러그인이라서 깜짝 놀랐습니다~ Tiny Spoiler에서 만들어지는 점선 테두리가 없다는 점이랑 뭔가 펼쳐지는 모습이 카리스턱님의 말씀처럼 간지나네요~^^ 
    

    그런데, 현재 제 버전의 탓인지 무슨 탓인지 블록지정 후 아이콘을 누르면 블록 안의 모든 P 태그랑 BR 태그가 날아가 버리더군요.. 수동으로 스포일러태그를 넣어주는것으로 해결하고있습니다만, 저만 그런건가요?
    
				
    

							
    
		
      
		
    • 
			
		
      • 
		
    • 
			
      
				

				
      
					
      TinyMCE 에서 버튼을 이용해서 내용을 삽입할 때, 자동으로 ‘P’, ‘BR’ 태그를 추가하거나 삭제하기 때문에, 이 문제를 완벽하게 해결할 수는 없지만, 일단 기본적으로 태그가 깨지지 않도록 조취를 취했어요.
      

      수정된 버전을 업로드 해 두었으니, 자동 업그레이드 하시거나 다운로드 페이지에서 다운받아서 새로 설치해 보세요:-)
      
				
      

							
      
		
        
		
      • 
			
        
				

				
        
					
        얼마전에 대쉬보드 들어가보니 바로 업그레이드 하셨더군요~ 감사합니다(__)
        
어제 새벽에 테스트 해본 결과 문제없이 잘 되었습니다8)
        
요즘 안개도 자꾸 끼고, 엄청 추워졌는데 감기조심하세요:D
        
				
        

							
        
		
        • 

      

      • 

    

    21. 
		
  21. 
			
    
				

				
    
					
    hello, i adore your plugin …. but …..
    
I want to use the advanced spoiler with a image button. Usally you can only tipe a text button, that shows the spoiler. But I want to replace the text with an image. 
    

    it’s possible ?8)
    
				
    

							
    
		
    22. 
		
  22. 
			
		

    23. 
		
  23. 
			
    
				

				
    
					
    And is it possible to use the spoiler in wordpress template files? For example somewhere in singlepost.php file. If yes, how? thank you…:D
    
				
    

							
    
		

    24. 
		
  24. 
			
    
				

				
    
					
    hi, great plugin, thank you. I have some problems with the [] symbols is that possible to run the code with  tags? i mean using <> symbols instead of []. If yes, how? thank you. :D
    
				
    

							
    
		
      
		
    • 
			
      
				

				
      
					
      Open advanced-spoiler.php file with any text-editor and change $use_html_tagset value to ‘true’ (about line 51), then you can use <spoiler></spoiler> tag.
      

      [code]	var $use_html_tagset = true;[/code]
      
				
      

							
      
		
      • 

    

    25. 
		
  25. 
			
    
				

				
    
					
    Hi,
    

    is it possible to place the spoiler with padding-left, but not over CSS? It’d be very helpful to insert collapsed link in padded text. 
    

    Thanks in advance
    
				
    

							
    
		
      
		
    • 
			
		
        
		
      • 
			
        
				

				
        
					
        Thanks for excellent advice! I’m a quite newbie in HTML, so it haven’t come to my head. Unfortunately this doesn’t work for me properly – when page have loaded &nbsp appears as text… till click it once! After that it transformed in blank space as it should!
        
Any other ideas? :)
        
				
        

							
        
		

        • 

      

      • 

    

    26. 
		
  26. 
			
    
				

				
    
					
    Hi,, I used to use Ajax Spoiler in the way described by your “Expand Ajax Spoiler 1” article, but it doesn’t work anymore with Advanced Spoiler. How can I get it to work again ?
    
				
    

							
    
		
    27. 
		
  27. 
			
    
				

				
    
					
    Hey, thank you for excellent plugin! I like a lot the CSS editing and easy of using one.
    
But I have some issue with pro-player wp plugin – when advanced spoiler is active player doesn’t show up wherever in the posts. 
    

    Could you please advise how to fix it?
    
Thanks in advance
    
Vitaly
    
				
    

							
    
		
      
		
    • 
			
      
				

				
      
					
      I’ve tested with pro-player(v4.5.1) and they worked both.
      

      Have you tried with default theme and all other plugins deactivated?
      
				
      

							
      
		
        
		
      • 
			
        
				

				
        
					
        Thank you for answer. I tried with activated and deactivated Advanced Spoiler (and some other spoiler plugins) – pro-player doesn’t work for me with activated Advanced Spoiler. Didn’t switch the theme – I spend so much time to adjust one!
        
So, finally I change my pro-player to WordPress Video Plugin which is enough for my purpose right now and planed to find another soon. It work fine with Advanced Spoiler which I customized CSS and really, really enjoy! 
        

        Thank you for great plugin and good luck!
        
				
        

							
        
		
        • 

      

      • 

    

    28. 
		
  28. 
			
    
				

				
    
					
    Hello:
    

    Do you nkow how to make the “more” spoiler link appear in the same line of text? (Ej. A title and a link “See details” all in one line).
    
I have tried but the link jump down to the next line.
    

    I hope somewhere may to help me.
    

    Best regards,
    

    Andres, form Chile.
    
				
    

							
    
		

    29. 
		
  29. 
			
		
      
		
    • 
			
      
				

				
      
					
      Edit advanced-spoiler/css/advanced-spoiler.css
      

      This is a simple example.
      
[code lang=”css”]
      
a.spoiler-tgl {
      
color: blue;
      
}
      
a:hover.spoiler-tgl {
      
color:#d36;
      
}
      
a.spoiler-tgl.collapsed {
      
color: gray;
      
}
      
[/code]
      
				
      

							
      
		
      • 

    

    30. 
		
  30. 
			
    
				

				
    
					
    워드프레스를 2.8로 판올림한 이후로 스포일러가 제대로 작동하지 않아요..
    
호환성에 문제가 있는 걸까요..아님 제가 잘못 설정한 부분이 있는걸까요?
    

    링크 첨부합니다.
    
http://nipple.pe.kr/?p=1748
    
				
    

							
    
		
      
		
    • 
			
      
				

				
      
					
      2.8에서 테스트시 문제없이 작동하는것을 확인했구요, 아마도 사용중이신 jscompressor 에서 문제가 발생하는 듯 합니다.
      

      만약 wp-scripts 초기버전을 사용중이시라면 wp-scripts 에서의 compress 기능을 비활성화 한 뒤 테스트 해 보세요. javascript 압축 과정에서 문제가 발생했을 가능성도 있습니다.
      
				
      

							
      
		

      • 

    

    31. 
		
  31. 
			
		

    32. 
		
  32. 
			
		

    33. 
		
  33. 
			
    
				

				
    
					
    안녕하세요. 스포일러 플러그인 업데이트 하면서 사이드 바 쪽도 다시 손보려고 하는데 스포일러 이펙트를 사이드바에 적용하는 것도 이전과 같나요? prototype 으로 했던 것 같은데 이번 버전에서 옵션을 보니 jquery 만 나오더군요.
    
				
    

							
    
		
      
		
    • 
			
      
				

				
      
					
      네, 아직까지는 jQuery만 지원하고 있어요. 위젯과 연동해서 자동으로 위젯에 효과를 넣을 수 있는 부분까지 계획중이라… 두세가지를 한 번에 지원하기가 벅차네요^^;
      

      위젯을 사용하지 않고, 사이드바를 직접 수정하셨다면… 별 상관이 없을거에요. 만약 새로운 방법을 사용하지 않고, 맨 처음의 Effect.Collapse 를 사용하셨다면, Spoiler.Collapse 로 한 번 바꿔보세요.
      
				
      

							
      
		
      • 

    

    34.