wake-up-neo.com

wie kann ich ein Post-Thumbnail mit dem Originalbild in einem Leuchtkasten verknüpfen?

Ich habe eine Seite mit benutzerdefiniertem Beitragstyp, kann aber keinen Link zu einem Bild in voller Größe erstellen, das mit einem Leuchtkasten-Plugin geöffnet werden kann.

die Beitragsseite ist wie folgt:

 <div class="content" id="main-content">
<?php
  $args=array(
     'post_type' => 'painting',
    );
  $the_query = new WP_Query($args);
  ?>

  <?php if ($the_query->have_posts() ): while ($the_query->have_posts() ):$the_query->the_post(); ?>

<div class="painting col-md-3 col-sm-6" id="inside">
    <div class="painting-image">
        <?php the_post_thumbnail('painting-thumbnail'); ?>
        <span class="overlay"></span>
    </div>
</div>

<?php endwhile; ?>
<?php endif; ?>

Ich weiß, dass ich etwas in einem {a} -Tag verwenden sollte, aber ich finde keinen Link zur Quelle. Ich habe auch den wp-Codex auf 'wp_get_attachment_image_src' gelesen, aber er war nicht hilfreich. Danke für weitere Hilfe!

1
Omid Akbari Kh.

Im Folgenden finden Sie Beispiele für die Anzeige des ausgewählten Bilds des Posts, das mit der Vollversion des Bilds verknüpft ist.

Für WordPress Version 4.4.0 und höher können Sie the_post_thumbnail_url() wie folgt verwenden:

<a href="<?php the_post_thumbnail_url( 'full' ); ?>" class="thickbox"><?php // wrapped
    the_post_thumbnail( 'painting-thumbnail' ); ?></a>

Für frühere Versionen von WordPress können Sie wp_get_attachment_image_src() wie folgt verwenden:

<?php
$post_thumbnail_id = get_post_thumbnail_id();
$info = wp_get_attachment_image_src( $post_thumbnail_id, 'full' );
?>
<a href="<?php echo esc_url( $info['0'] ); ?>" class="thickbox"><?php // wrapped
    the_post_thumbnail( 'painting-thumbnail' ); ?></a>

Sie würden thickbox durch die richtige class ersetzen, wodurch das Bild in voller Größe in einem Modal/Popup geöffnet wird.

1
Sally CJ