Img src在单个POST循环中的奇怪行为

时间:2018-10-26 作者:Go Mo

我试图整理出一篇文章的最终外观——特色图片,因此我想在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>
它一点图像都没有

对于我为什么会遇到这些问题,有什么想法、解释或解决方案吗?

亲切的问候

1 个回复
最合适的回答,由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

结束