WP 如何使用 CSS class 自定义特定的缩略图大小

Question

我已经尝试 add_image_size 调整我的自定义缩略图大小，但由于某些原因，它无法承受 220 x 220 的缩略图并将高度更改为 167 x，为此我已经一直在尝试做一个基于 CSS 的解决方案，我认为它可以完美地工作。

我的缩略图代码

<?php if ( ! post_password_required() && ! is_attachment() ) :
            the_post_thumbnail(); 
        endif; ?>

css class 我需要帮助申请上面的缩略图代码：

.imgclass{
height: 220px;
width: 220px;
}

感谢所有编码人员！

Answer 1

您需要指定用作缩略图的图像尺寸。

<?php if ( ! post_password_required() && ! is_attachment() ) :
    the_post_thumbnail('IMAGE SIZE NAME'); 
endif; ?>

或者，您可以像这样完全重置基本缩略图大小：

add_theme_support( 'post-thumbnails' );
set_post_thumbnail_size( 220, 220 );

Answer 2

您可以找到缩略图 url 并给 css

<?php $url = wp_get_attachment_url(get_post_thumbnail_id($post->ID)); ?>
<img src="<?php echo $url; ?>" class="img_thumb"/>

Answer 3

<?php if ( ! post_password_required() && ! is_attachment() ) :
            $thumb_attrs = array( 'class' => "imgclass") ;
            the_post_thumbnail($thumb_attrs); 
      endif; ?>

应该可以。

WP 如何使用 CSS class 自定义特定的缩略图大小

WP How do I customize a specific thumbnail size using CSS class

css

wordpress