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

时间:2015-01-09 16:22:37

标签: css wordpress

我已尝试使用add_image_size来自定义缩略图调整大小,但出于某种原因,它不会使缩略图为220 x 220,并且它会将高度更改为167 x,对于此我来说我一直试图做一个基于CSS的解决方案,我认为它可以完美地工作。

我的缩略图代码

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

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

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

感谢所有的编码员!

3 个答案:

答案 0 :(得分:0)

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

<?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 );

答案 1 :(得分:0)

你可以找到缩略图网址&amp;给css那个

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

答案 2 :(得分:0)

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

应该工作。