Toms Welt


Tiny Spoiler

68 Kommentare | Kommentar schreiben

Kleines Plugin für Inhalte die nicht sofort sichtbar sein sollen. Zum Beispiel Spoiler oder Frage-Antwort-Spielchen.

top secret
shows/hides this text

spoiler 2
shows/hides another text

Download bei WordPress

Tiny Spoiler 0.2

Contributors: Tom Braider
Donate link:
Tags: spoiler, secret, post
Requires at least: 2.5
Tested up to: 4.7
Stable tag: 0.2

[spoiler name="top secret"]shows/hides this text[/spoiler]


  • shows/hides text in spoiler shortcode
  • name of spoiler area can be given
  • only one little button [+] or [-]


  1. unzip plugin directory into the /wp-content/plugins/ directory
  2. activate the plugin through the Plugins menu in WordPress
  3. insert [spoiler name="top secret"]...[/spoiler] in your post or page

Frequently Asked Questions

Need Help? Find Bug?

read and write comments on plugin page

Who can i change the style?

You can change the Stylesheet in you own theme style.css.
.spoiler is the outer border/area.
.spoiler legend is the title.
.spoiler legend input is the button.
.spoiler div is the content area.


  1.">" title="1. closed and open spoiler" />
    1. closed and open spoiler

Arbitrary section

  • spoiler.php
Version 0.2
new: several spoiler can have same name
Version 0.1
  • first release
created by Readme Parser

RSS-Feed 68 Kommentare

Seiten: « 1 2 3 4 »
  1. [...] Tiny Spoiler - Tiny Spoiler is used to show and hide pieces of text. I discussed this plugin in an earlier article and thought it could be used for spoilers when people are stuck in a game. [...]

  2. CineKie CineKie sagt:

    Hallo Tom,

    erstmal vielen Dank für das Plugin - sehr schön und genau das, was ich gesucht habe!

    Ist dir auch schon aufgefallen, dass die Anzeige beim Internet Explorer fehlerhaft ist? In allen Versionen zieht sich die Linie des Randes mitten durch den Spoiler-Titel, im 8er ist die Titel-Schrift zusätzlich blau. Alle anderen Browser zeigen die Spoiler korrekt an.

    Kann man da was gegen machen?


    • Tom Tom sagt:

      Danke für den Tipp. Kommt davon, wenn man alles nur mit Firefox testet und hofft, dass wenigstens die einfachsten Sachen auch gleich aussehen. u1F620.svgz Ich habs mal geändert. Zeile 19 um den Backgound erweitert. Sieht besser aus.
      .spoiler legend { padding-right: 5px; background: white; }

  3. 0p0 0p0 sagt:

    Tiny spoiler failed again in my site...
    the spoiler does not un fold when the button is clicked, I have no styles in my stylesheet that may affect the rendering you can check anyway like the las time to see if there's anything wrong with my styles u1F61D.svgz

  4. Nod Nod sagt:

    Hi Tom, I'm trying to remove inline scripts to improve loading speed. So I'd love to know how to combine the inline scripts in spoiler.php with other js file.

    I have a quick review post about your plugin. It is written in Korean though. I love your plugin!

    Have a good day. =)

    • Tom Tom sagt:

      Hello Nod,
      thanks for your korean support. u1F603.svgz
      I have an idea to "write" the custom styles and scripts to a resource file but don't testet anything. Combination of all js / css files would be great. But how? u1F64F.svgz

  5. Elena Elena sagt:


    kann man den Spoiler auch per Php ins Template einbauen?

  6. r4ibOm r4ibOm sagt:

    this plugin is great, but I am weak in the css, as you would have me is the css for this model is equal to your site? thx u1F61D.svgz

    • Tom Tom sagt:

      a little shove u1F60A.svgz

      /* tiny spoiler */
      .spoiler {
      	border: 1px #999 dashed;
      	background: #fff;
      .spoiler legend {
      	margin-left: 10px;
      .spoiler legend input {
      	width: 20px;
      	border: 0;
      	background: #1A4E88;
      	color: #fff;
      	font-weight: bold;
      	-moz-border-radius: 6px;
      	-khtml-border-radius: 6px;
      	-webkit-border-radius: 6px;
      	border-radius: 6px;
  7. r4ibOm r4ibOm sagt:

    strange, when I put in style.css not worked, I had to edit the spoiler.php to work, thx!

  8. r4ibOm r4ibOm sagt:

    I have to align the content of the spoiler in the center?

  9. [...] + 버튼으로 숨겨주고 보여주는 기능을 하는 플러그인 제작자 홈페이지: 경로: wordpresswp-contentplugins 에 추가 다운로드 링크: Tiny-Spoiler 0.2 [...]

Seiten: « 1 2 3 4 »

Kommentar schreiben

Deine E-Mail-Adresse wird nicht veröffentlicht.

:mrgreen:  :D  :)  ;)  8-)  :O  :cry:  :(  :liebhab:  :-x  :-?  :P  :roll:  :arrow:  :schwitz:  :thumbsup:  :thumbup:  :thumbdown:  :facepalm:  :?:  :!:  :eis: