Wordpress - 如何使缩略图成为发布链接?

时间:2016-04-17 18:45:27

标签: php wordpress hyperlink thumbnails

我有一些问题。我使用Wordpress主题 - Intergalatic。但是在主页上,帖子的大背景并没有把我们带到岗位上。背景必须是可点击的,并将我们移至帖子。怎么做?

这是缩略图代码。

<?php if ( has_post_thumbnail() )  {
        $thumbnail = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'intergalactic-large' ); ?>
            <div class="entry-background" style="background-image:url(<?php echo esc_url( $thumbnail[0] ); ?>)"></div>

    <?php } ?>

1 个答案:

答案 0 :(得分:0)

假设你处于循环中,并且你看起来很漂亮,那么你需要将div改为锚点

<?php if ( has_post_thumbnail() )  {
    $thumbnail = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'intergalactic-large' ); ?>

    <a href="<?php echo esc_url(get_permalink($post->ID)); ?>" class="entry-background" style="background-image:url(<?php echo esc_url( $thumbnail[0] ); ?>)"></a>
<?php } ?>

可能会将锚点更改为display:inline-background;,并可能将图像的高度添加到样式中:

<?php if ( has_post_thumbnail() )  {
    $thumbnail = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'intergalactic-large' ); ?>

    <a href="<?php echo esc_url(get_permalink($post->ID)); ?>" class="entry-background" style="background-image:url(<?php echo esc_url( $thumbnail[0] ); ?>); height:<?php echo esc_attr($thumbnail[2]);?> px"></a>
<?php } ?>