PHP回应WordPress缩图的问题

Question

我正在尝试将HTML页面转换为WordPress主题，到目前为止，我的表现还不错！ 但是我在加载自定义帖子类型缩略图并将其添加所需的类和样式时遇到问题。 在我的HTML中，我有一个图像标签，如下所示：

<img class="img-circle" src="img/welcom.jpg" data-src="holder.js/140x140" alt="140x140" style="width: 140px; height: 140px;"> 

我试图通过污染src属性（例如src="'.the_post_thumbnail().'"来在自定义WP查询中回显上述标记：

echo ' <img class="img-circle" src="'.the_post_thumbnail().'" alt="140x140" style="width: 140px; height: 140px;">';

现在，我在页面上获取图像，但没有任何类和样式，并且源代码看起来像 你能让我知道如何解决这个问题吗？

Answer 1

您假设the_post_thumbnail()返回src url是错误的。 它返回整个img元素...看一下编解码器

但实际上您需要将class，size和alt作为参数传递给the_post_thumbnail()

$size = array(140,140);
$attr = array(
    'class' => "img-circle",
    'alt'   => "140x140"
);
the_post_thumbnail( $size, $attr );

Answer 2

尝试使用此代码，它将帮助您处理所有其余图像...

将此代码放在您的function.php文件中

if ( function_exists( 'add_image_size' ) ) { 
    add_image_size( 'custom-post-thumb', 140, 140,true );
}

现在在您的代码中使用它：

<?php if ( has_post_thumbnail()) : ?>

 <?php the_post_thumbnail('custom-post-thumb', array('class' => 'img-circle')); ?>

<?php endif; ?>

谢谢