WordPress Spoiler Shortcode Plugin

Ich werfe das nun einfach mal in den Raum: Ein Spoiler Shortcode Plugin für WordPress. Es fügt schlicht und ergreifend einen Shortcode zu WordPress hinzu, durch den sich Spoiler darstellen lassen. Natürlich lassen sie sich auch einfach als ausklappbare Hinweise missbrauchen. Der Shortcode ist in Beiträgen und auf Seiten einsetzbar, es lassen sich unterschiedliche Farben einstellen und der Titel ist frei wählbar.

Beispiele

Es gibt zwei Attribute, die man bei diesem Shortcode festlegen kann. color mit yellow, blue, red, light, dark, und title. Macht man keine Angaben wird die Farbe Gelb gewählt und der Titel ist schlicht „Spoiler“. Vorausgesetzt man kennt sich etwas mit CSS aus lässt sich das Aussehen der Spoiler im eigene Stylesheet überschreiben und man kann weitere Farben als Klassen definieren, die man dann über color nutzen kann.

[[spoiler]
Spoiler Inhalt
[/spoiler]]

Spoiler

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et

[[spoiler color="blue" title="Blauer Spoiler"]
Spoiler Inhalt
[/spoiler]]

Blauer Spoiler

Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et

[[spoiler color="red" title="Roter Spoiler"]
Spoiler Inhalt
[/spoiler]]

Roter Spoiler

[[spoiler color="light" title="Heller Spoiler"]
Spoiler Inhalt
[/spoiler]]

Heller Spoiler

[[spoiler color="dark" title="Dunkler Spoiler"]
Spoiler Inhalt
[/spoiler]]

Dunkler Spoiler

Download

Im Augenblick hat das Plugin nicht sonderlich viel Funktionalität oder Auswahlmöglichkeiten, allerdings werde ich es voraussichtlich irgendwann erweitern und dann auch auf wordpress.org zur Verfügung stellen. Aber ich hoffe die grundlegende Funktion stellt schon für den ein oder anderen eine Hilfe dar :) Falls Fragen aufkommen, hinterlasse einfach einen Kommentar. Hier kannst du das Plugin herunterladen:

Spoiler Shortcode WordPress Plugin herunterladen

Installation

Über das WordPress Dashboard hochladen

Gehe unter ‚Plugins‘ auf ‚Installieren‘
Klicke oben den Link ‚Hochladen‘
Wähle die Datei ’spoiler-shortcode.zip‘ auf deinem Computer
Klicke ‚Installieren‘
Aktiviere das Plugin

Über FTP hochladen

Lade die ’spoiler-shortcode.zip‘ Datei herunter
Extrahiere den Ordner ’spoiler-shortcode‘ auf deinem Computer
Lade den Ordner ’spoiler-shortcode‘ in den Ordner ‚/wp-content/plugins/‘ auf deinem Server hoch
Aktiviere das Plugin im WordPress Plugin Menü

Credits

Als Vorlage für das Aussehen der Spoiler hielt das „Notification Set“ von designdeck.co.uk her.

18. Mai 2014 10 Kommentare Allgemein

Kommentare

Die Kommentare sind geschlossen.

SuSu

26. August 2014

Ich hätte noch einen Vorschlag für deine nächste Version: Im Editor den neuen Button „Spoiler“, der die Shortcodes für den Spoiler auf Knopfdruck einfügt. Wäre das möglich oder zu aufwändig?

24. August 2014

Endlich ein „einfaches“ kleines Spoiler Plugin, welches mit der aktuellen WP-Version funktioniert! Bisher habe ich nur so „riesige“ Plugins gefunden, die entweder zig Funktionen hatten, die ich überhaupt nicht brauche oder eben zu alt waren!

Christine

23. Mai 2014

Auf Grund meiner mangelnden Codingkenntnisse schrecke ich ja total vor WordPress zurück… ich will mir nicht noch mehr Ärger auftun. ;) Man gehört zwar immer wieder, dass das viel besser wäre, aber wenn man’s selbst nicht kann, sollte man es lieber sein lassen.

Oh wie gut, dass ich das jetzt lese! Ich hatte schon langsam meine Zweifel, ob das Päckchen jemals bei dir angekommen ist! Das wär’s ja grad noch gewesen… aber schön, dass sie passt! Das war nämlich meine zweite Sorge.
Und das mit dem Wetter… das war Absicht, darauf habe ich gebaut. Stürmischer Mai, damit ich mit der Mütze doch noch zeitlich passend ankomme! :P

Shanee

21. Mai 2014

Wow… das ist die perfekte Lösung für mich. Vielen Dank, das probier ich doch gleich mal aus. ^^

Fyn

Falls du dazu kommt würde ich mich sehr über Rückmeldung freuen wie du es findest :)

Julia

19. Mai 2014

Hehe, ja, daran hab ich auch schon gedacht :D
Ich werde in der Stadtverwaltung arbeiten, wo genau bekomme ich selbst erst noch gesagt :’D
Danke für’s Daumendrücken, wäre ja bombastisch, wenn mein Gefühl mich mal nicht betrügen würde :>

#keks

18. Mai 2014

ach so, okay. :D haha. na gut. dann sei’s dir verziehen. :P

? :O
aber schickes plugin. wer nicht genug arbeit hat, macht sich welche : D

Jonathanmh

Nutzt es das html5 element? :D

Nein, das Plugin nutzt jQuery für die Ausklappfunktion.
Das HTML5 Element wird ja bisher kaum unterstützt :S :(