Support » Themes » twentysixteen: Bild in Beitrag klein und dann mit click vergößern

  • Gelöst utefallscheer

    (@utefallscheer)


    ich suche seit Stunden in den Foren, aber alles was ich gefunden habe funktioniert nicht.
    Ich will Beiträge untereinander schreiben. Jeder Beitrag hat ein Bild und einen kurzen Text. Das Bild soll zunächst klein sein und wenn man draufklickt sich vergößern. Habe schon vieles versucht, aber nichts tut. Es kann ein beitragsbild sein oder auch ein normales bild im beitrag. Hauptsache es tut. Hier war ich schon:

    https://de.wordpress.org/support/topic/vergroessern-der-beitragsbilder-mit-klick/
    und bei vielen anderen.

    Die Seite, für die ich Hilfe brauche: [Anmelden, um den Link zu sehen]

Ansicht von 5 Antworten - 1 bis 5 (von insgesamt 5)
  • Die Darstellung eines Vorschaubildes mit Link zu einer vergrößerten Darstellung von abgedunkeltem Hintergrund bezeichnet man als Lightbox und unter diesem Stichwort findest du im WordPress-Plugin-Verzeichnis einige Plugins, z.B. Responsive Lightbox & Gallery.

    Grundsätzlich funktioniert das aber nur, wenn ein kleines Vorschaubild mit einem größeren Bild verlinkt wurde – etwa in einer Galerie oder beim Einfügen einzelner Bilder in Beiträge und Seiten. Die Beitragsbilder (Featured Image) verlinken normalerweise auf den Beitrag und nicht auf ein größeres Bild. Hier müsstest du Änderungen am (Child) Theme vornehmen.

    Thread-Starter utefallscheer

    (@utefallscheer)

    Vielen Dank,

    Da ich sowieso ein child-theme habe, wie wäre da die Syntax?

    Du müsstest im Child Theme die Funktion twentysixteen_post_thumbnail() ersetzen und aus

    <a class="post-thumbnail" href="<?php the_permalink(); ?>" aria-hidden="true">
    		<?php the_post_thumbnail( 'post-thumbnail', array( 'alt' => the_title_attribute( 'echo=0' ) ) ); ?>
    </a>

    für die Lightbox

    <a class="post-thumbnail" href="<?php the_post_thumbnail_url( 'large' ); ?>" aria-hidden="true">
    <?php the_post_thumbnail( 'post-thumbnail', array( 'alt' => the_title_attribute( 'echo=0' ) ) ); ?>
    </a>

    machen. Für mehr reicht leider mein Zeit-Budget für einen kostenlosen Support nicht aus.

    Thread-Starter utefallscheer

    (@utefallscheer)

    Vielen Dank. Das responsive lightbox hat aus irgendeinem Grund nicht funktioniert. Dann habe ich eine alternative lightbox app ausprobiert. Die tat dann. Vielen Dank für Deine schnelle Hilfe.

    Das responsive lightbox hat aus irgendeinem Grund nicht funktioniert.

    Da das ein recht populäres und weit verbreitetes Plugin ist, würde ich eher auf ein Problem bei der Konfiguration tippen. Aber … sei’s drum, du hast für dich eine funktionierende Lösung gefunden und das ist ja eigentlich viel wichtiger.

    Den Thread markiere ich dann mal als „gelöst“, denn …

    Wenn’s richtig läuft, du hast’s kapiert,
    werden Themen als „gelöst“ markiert,
    damit auch alle in der Runde wissen,
    dass sie hier nicht mehr helfen müssen.
    🌻

Ansicht von 5 Antworten - 1 bis 5 (von insgesamt 5)
  • Das Thema „twentysixteen: Bild in Beitrag klein und dann mit click vergößern“ ist für neue Antworten geschlossen.