我正在尝试将WordPress博客帖子缩略图图像超链接到其各自的博客帖子(永久链接)。下面代码中的文本链接可以实现,但图像部分位于if / else语句中。
代码:
<div class="carousel-inner">
<?php while( $query->have_posts() ) { $query->the_post(); $post_count++; ?>
<div class="item <?php if( $post_count == 1 ) echo 'active'; ?>">
<?php
if ( has_post_thumbnail() ) {
//Permalink needed below
the_post_thumbnail( 'slider', array( 'class' => 'img-fluid' ) );
}
?>
<div class="carousel-caption">
<h6><a class="headline-links" href="<?php echo get_permalink(); ?>"><?php the_title() ?></a></h6>
<p><?php echo excerpt( 15 ); ?></p>
</div>
</div>
<?php } //wp_reset_postdata(); ?>
</div>
答案 0 :(得分:1)
将值存储在变量中没有错。如果您只需要固定链接一次,使用echo get_permalink();
或the_permalink();
就可以了。但是,由于您需要在多个位置使用它,因此不会通过不将其定义为变量来增加开销,而是更频繁地调用相同/类似的函数。虽然在这个规模上它不会有太大影响,但在更大规模上它肯定会产生影响。
同样,您实际上可以删除has_post_thumbnail()
并检查get_the_post_thumbnail()
是否返回真值。
最后一点,您确定wp_reset_postdata();
应该被注释掉吗?
以下是我将如何处理您提供的代码:
<div class="carousel-inner">
<?php while( $query->have_posts() ) { $query->the_post(); $post_count++; ?>
<div class="<?= $post_count == 1 ? 'item active' : 'item'; ?>">
<?php
$permalink = get_permalink();
if( $thumbnail = get_the_post_thumbnail( null, 'slider', array( 'class' => 'img-fluid' ) ) ){
echo "<a href='$permalink'>$thumbnail</a>";
}
?>
<div class="carousel-caption">
<h6>
<a class="headline-links" href="<?= $permalink; ?>"><?php the_title() ?></a>
</h6>
<p><?= excerpt( 15 ); ?></p>
</div>
</div>
<?php } //wp_reset_postdata(); ?>
</div>
但是,如果您坚持不使用变量(您不应该使用变量!),那么您可以使用它:
<div class="carousel-inner">
<?php while( $query->have_posts() ) { $query->the_post(); $post_count++; ?>
<div class="item <?php if( $post_count == 1 ) echo 'active'; ?>">
<?php
if( has_post_thumbnail() ){
echo '<a href="'. get_permalink() .'">';
the_post_thumbnail( 'slider', array( 'class' => 'img-fluid' ) );
echo '</a>';
}
?>
<div class="carousel-caption">
<h6>
<a class="headline-links" href="<?php the_permalink(); ?>"><?php the_title() ?></a>
</h6>
<p><?php echo excerpt( 15 ); ?></p>
</div>
</div>
<?php } //wp_reset_postdata(); ?>
</div>