Support » Allgemeine Fragen » Text in Lightbox darstellen

  • Gelöst wernerroemer

    (@wernerroemer)


    einen schönen guten Tag,
    Ich möchte meine Homepage auf WP umstellen, dazu habe ich einen lokalen Webserver installiert und die ersten Gehversuche sind vielversprechend.

    Nun sollen Erläuterungen, Hilfstexte etc. als Lightbox
    (Theme TwentyTvelve mit Lightbox Plus Colorbox oder Fanybox) dargestellt werden – Bilder ist ja kein Problem.

    Schon viele Suchanfragen über google gestellt, entweder ist alles auf Englisch oder nur ganz kurz angerissen, womit ich als WP-Anfänger nicht zurechtkomme. Suche eine Quelle (auf deutsch) womit ich mir die Grundlagen erarbeiten kann…

    Danke für Eure Mühe
    LG Werner

Ansicht von 4 Antworten - 1 bis 4 (von insgesamt 4)
  • Hallo Werner, schönen guten Morgen 🙂

    Also auf Deutsch wüsste ich jetzt so ad hoc nichts. Für Plug-ins ist die erste Anlaufstelle dort:
    https://wordpress.org/plugins/search.php?q=lightbox

    Meistens wird dem Link nur ein rel=“lightbox“ oder ähnliches mitgegeben. Auf Anhieb gefunden sieht das ganz vielversprechend aus:
    https://wordpress.org/plugins/responsive-lightbox-lite/faq/

    Man kann sich bei englischsprachigen Seiten auch mit dem Google translator ein wenig orientieren.

    Hallo Angelika,

    danke für deine Antwort. Werde mich da mal durchbeißen …
    LG Werner

    Meistens wird eine Lightbox verwendet, um einzelne Bilder, Videos oder auch eine ganze Galerie so darzustellen, dass sie sich klar vom „Hintergrundrauschen“ der restlichen Webseite abhebt. Für Texte wird sie eher selten verwendet, weil der Lesefluss durch die Animation und Abdunkeln der restlichen Webseite doch arg gestört wird. Aber möglich ist das sicherlich.

    Nun verfügt WordPress bereits über eine eingebaute Lightbox, die mit wenigen Zeilen Code in der functions.php aktiviert werden kann:

    function my_thickbox() {
     wp_enqueue_script( 'thickbox' );
     wp_enqueue_style( 'thickbox' );
    }
    add_action( 'wp_enqueue_scripts', 'my_thickbox' );

    Wenn du jetzt eine Seite oder einen Beitrag schreibst, kannst du im Text-Editor den Inhalt der Thickbox angeben:

    <div id="mein-inhalt" style="display:none;">
         <p>
              Das hier wird (nur) in der Thickbox angezeigt!
         </p>
    </div>

    Außerdem benötigst du noch einen Link, der die Thickbox aufruft:

    <a href="#TB_inline?width=600&height=550&inlineId=mein-inhalt" class="thickbox">Zeige die Thickbox an!</a>

    Wenn dir das aber alles zu kompliziert ist, schau dir doch mal das Plugin Simple Modal an. Damit erzeugst du in einem Menü Inhalt und kannst dann, wenn du Seiten oder Beiträge editierst, Text markieren und per Icon in der Toolbar mit einem Link zu dem vorher erzeugten Modal versehen. Klickt der Besucher dann auf den Link, öffnet sich der Text im Modal.

    Klasse Vorschlag, funktioniert für meine Zwecke sehr gut.
    Vielen Dank
    LG Werner

Ansicht von 4 Antworten - 1 bis 4 (von insgesamt 4)
  • Das Thema „Text in Lightbox darstellen“ ist für neue Antworten geschlossen.