我试图整理出一篇文章的最终外观——特色图片,因此我想在img标签中添加一个类。然而在路上,我在尝试使用时遇到了一些奇怪的行为the_post_thumbnail() 作用这是我们拥有并实际有效的代码:
<?php
if (have_posts()) :
while (have_posts()) : the_post(); ?>
<article class="post">
<h2 class="postTitle"><?PHP the_title(); ?></h2>
<img class="singleMainImg" src="<?php the_post_thumbnail(); ?></img>
<p class="postinfo">Created on <?php the_time(\'F j, Y \')?> at <?php the_time(\'g:i a\') ?>. <?php echo getPostViews(get_the_ID()); ?></p>
<?php the_content(); ?>
</article>
<?php setPostViews(get_the_ID()); ?>
<?php endwhile;
else:
echo \'<p> No Content</p>\';
endif;
get_footer();
?>
第一件奇怪的事是:
<img class="singleMainImg" src="<?php the_post_thumbnail(); ?></img>
正如您所看到的,我没有结束的双引号,php调用结束后也没有一个“>”。
它确实是这样工作的,并且显示出我几乎想要的样子(我可以通过我指定的类来操作img。问题不是img标记中没有这两个结束符时代码的正常外观。
The issue I have when I add the closing double quotes, and > in the image tag, I do get them on the actual page as they are, and as extra, right on the next row after the img.
此外,当我尝试在函数中添加一些预定义的图像大小时。php文件,作为
<img class="singleMainImg" src="<?php the_post_thumbnail(\'predefImageSize\'); ?></img>
它一点图像都没有
对于我为什么会遇到这些问题,有什么想法、解释或解决方案吗?
亲切的问候
最合适的回答,由SO网友:Kashif Rafique 整理而成
the_post_thumbnail
功能显示帖子缩略图,即。<img>
标签您不需要使用<img>
使用此功能时标记。
请尝试以下代码:
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<article class="post">
<h2 class="postTitle"><?PHP the_title(); ?></h2>
<?php the_post_thumbnail( \'predefImageSize\', [\'class\' => \'singleMainImg\', \'title\' => \'Feature image\'] ); ?>
<p class="postinfo">Created on <?php the_time(\'F j, Y \')?> at <?php the_time(\'g:i a\') ?>. <?php echo getPostViews(get_the_ID()); ?></p>
<?php the_content(); ?>
</article>
<?php setPostViews(get_the_ID()); ?>
<?php endwhile;
else: echo \'<p> No Content</p>\'; endif;
get_footer();
Modified Code:
<?php the_post_thumbnail( \'predefImageSize\', [\'class\' => \'singleMainImg\', \'title\' => \'Feature Image\'] ); ?>
使用数组的键和值填充不同的属性。您可以使用此选项将类添加到帖子缩略图中。
Source: the_post_thumbnail documentation at developer.wordpress.org