WordPress 特色图片 Link

Question

我有 9 个 post 出现在一个页面上。我只显示来自 post 的特色图片，并且图片设置为背景图片。我希望能够单击图像并在新 window 中显示图像。我在弄清楚这一点时遇到了一些麻烦。我想将 div 包装在 link 中。

这是我的代码：

<article <?php post_class('col-md-4 site-content'); ?>>

<?php if (has_post_thumbnail( $post->ID ) ): ?>
<?php $image = wp_get_attachment_image_src( get_post_thumbnail_id( 
$post->ID ), 'large' );
$image = $image[0]; ?>
<?php endif; ?>

<div class="coupons-post" style="background-image: url('<?php echo  
$image; ?>')">
            <?php /*?><div class="entry-thumbnail">
                <a href="<?php the_permalink(); ?>"><?php 
the_post_thumbnail('large' , array( 'class' => 'img-responsive') ); ?></a>
            </div><?php */?>
           <!-- <div class="post-content">
                <div class="entry-meta">
                    <p class="date">News / <?php the_time('n.j.Y') ?></p>
                </div>
                <h2 class="entry-title">
                    <a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
                </h2>

                <div class="entry-summary">
                    <p></p><p><?php $excerpt = get_the_excerpt(); ?>
                            <?php echo substr($excerpt, 0, 100); ?>...</p>
                    <p></p>
                    <a class="read-more" href="<?php the_permalink(); ?>">Read More</a>
                </div>
            </div>-->
      </div>

</article>

我想用 link.

包装 div "coupons-post"

Answer 1

像这样？

<article <?php post_class('col-md-4 site-content'); ?>>

<?php 
    if (has_post_thumbnail( $post->ID ) ) {
        <?php $image = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'large' );
        $image = $image[0];
    }
?>

    <a href="<?= $image; ?>" target="_blank">
        <div class="coupons-post" style="background-image: url('<?php echo $image; ?>')">
        </div>
    </a>
</article>

WordPress 特色图片 Link

Wordpress Featured Image Link

html

wordpress

twitter-bootstrap

wordpress-featured-image