WordPress & Webwork - perun.net



WordPress: Teile eines Beitrags verbergen (Spoiler)

am 27. 01. 2012 um 18:51 Uhr

Schreibst du in deinem Blog des Öfteren Rezensionen über Bücher und Filme, dann möchte man zwar einerseits den Lesern so viele Informationen wie möglich liefern. Aber anderseits gibt es einige Leser, die sich lieber den Roman durchlesen und/oder sich den Kinofilm anschauen möchten ohne das sie im Vorfeld lesen müssen wie das ganze endet.

Für solche Fälle gibt es im Web (z. B. in Foren) eine sog. Spoiler-Funktion. Da werden einfach solche Inhalte auf den ersten Blick verborgen und wenn man auf den passenden Link klickt, werden die eingeblendet.

In WordPress ist so etwas mit dem Plugin Hide This Part von Axel Scheuring möglich.

Nach der Installation kann man sowohl Teile von Artikeln oder Seiten verbergen. Einfach den zu verbergenden Bereich in [hide-this-part][/hide-this-part] einpacken:

WordPress: Hide this Part im Einsatz

Im Frontend schaut das ganze dann so aus:

WordPress: Hide this Part im Frontend

Erst wenn man auf den Link klickt wird der Rest angezeigt:

WordPress: Hide this Part im Frontend nach dem Klick

Wie man aus den Abbildungen sieht werden die englischen Begriffe angezeigt und das ändert sich auch nicht bei aktiven deutschsprachigen Datei. Den "More »"-Link kann man ganz einfach anpassen, in dem man dem öffnenden Shortcode ein Attribut mitgibt: [hide-this-part morelink="Voll Geheim"]:

WordPress: Hide this Part mit individuellem Weiterlesen-Link

Den "Less »"-Link bekommt man nur angepasst, wenn man die Javascript-Datei in der Zeile 13 anpasst: jQuery('#'+this.id).text('Less »');.

Diesen Artikel weiterempfehlen:

Premium WordPress Themes

Verwandte Artikel:

 — 


7 Kommentare »»

  1. 1.Joerg

    Kommentar vom 27. January 2012 um 19:17

    Hallo, coole Funktion ich nutze sie auch um Zugangsdaten oder Emailadressen zu verbergen. Mein Theme "Weaver II Pro" kann das von Haus aus. Viele Grüße

  2. 2.Alex

    Kommentar vom 28. January 2012 um 03:59

    Ohh Danke für diesen Tipp, habs mir notiert, ich weiß zwar nicht was es bringen soll, aber man weiß ja nie. Grüße :mrgreen:

  3. 3.Cujo

    Kommentar vom 28. January 2012 um 10:55

    Als Alternative zu Hide This Part kann ich noch das Plugin Advanced Spoiler empfehlen. Dort kann man übrigens die Textbeschriftung ganz einfach in den Einstellungen vornehmen.

  4. 4.Blondinen-Witz - Wundertüte

    Pingback vom 28. January 2012 um 16:02

    [...] gesehen. Gefunden habe ich das in einer Notiz von Markus auf G+ Den Beitrag darüber gibt es beim perun.net Januar 28th, 2012 | Category: Allgemeines, Basteleien, [...]

  5. 5.Gucky

    Kommentar vom 28. January 2012 um 19:34

    Installiert… klappt…
    Danke für den Tipp !
    Auch die Änderung in dem JS-Script (anderer Text als Less) war dank der Anleitung ein Klacks.

  6. 6.Links der Woche – KW 4: Artikelteile in Wordpress verbergen

    Pingback vom 29. January 2012 um 17:37

    [...] interessant den Hinweis auf ein WordPress Plugin von Axel Scheuring, mit dessen Hilfe sich Teile eines Beitrages verbergen lassen. Als Zielgruppe werden u.a. Blogger/Autoren angesprochen, die Reviews zu Filmen und Büchern [...]

  7. 7.Text ein- und ausblenden (WP-Plug-In Spoiler) › funkygog Blog

    Pingback vom 30. January 2012 um 20:14

    [...] Teile verbergen mit Hide this Part Einen Kommentar hinterlassen Hier klicken, um die Antwort abzubrechen. [...]

Hinweis:
250+ Professionelle WordPress-Themes
Premium WordPress-Themes, 24 davon mit deutschem Support

Einen Kommentar hinterlassen




XHTML (folgende Tags sind erlaubt): <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> . Kommentar-Vorschau ist aktiviert (Javascript wird benötigt).

Code-Beispiele: damit die Code-Beispiele richtig angezeigt werden müssen die Sonderzeichen maskiert werden (z. B. < zu &lt;).



Weblog der perun.net webwork gmbh mit Artikeln zum Thema WordPress, Webwork, und Internet.