关于通过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="'.the_post_thumbnail().'"这样的src属性来回显我的自定义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元素......看看codex

但基本上你需要将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; ?>

由于