Question

我在一个页面上显示了9个帖子。我只显示帖子中的精选图像，图像设置为背景图像。我希望能够单击图像并让图像显示在新窗口中。我有点麻烦搞清楚这一点。我想将div包装在一个链接中。

这是我的代码：

<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>

我想把div＆＃34; coupons-post＆＃34;与链接。

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特色图片链接

1 个答案: