Wordpress：功能图像不会改变其大小

Question

在我的主题的 function.php：

//Custom Image Sizes
set_post_thumbnail_size( 150, 150, true );
add_image_size( 'kaira-slider', 1140, 500, true );
add_image_size( 'kaira-featured', 652, 375, true );
add_image_size( 'kaira-grid-post', 360, 230, true );

和我的 content.php：

<div class="featured-img">
        <a href="<?php the_permalink(); ?>" class="post-thumbnail">
            <?php the_post_thumbnail('kaira-featured', array('class' => 'img-responsive')); ?>
        </a>
    </div>

我试图将大小从'kaira-slider'转换为'kaira-featured'，但大小不会改变。我正在使用kaira-theme。

如何强制主题更改图像大小？

Answer 1

在任何图像大小的更改之后，您必须再生所有图像缩略图。

用于再生用途的再生缩略图插件。

Answer 2

在您写作时，您需要在CSS中进行更改。因此，转到您希望显示的图像具有不同大小的页面，并使用浏览器开发人员工具来找出使用哪些CSS选择器来解决该图像。很可能这将是一个由多个标签和类组成的选择器（这就是为什么它不太容易胜过它的原因）

然后在您的自定义CSS/样式表中使用相同的CSS选择器并定义其他宽度（并且最有可能"高度：自动"保持正确的比例）。

Answer 3

add_image_size（'kaira-featured'，652，375，true）;

将值652和375更改为您喜欢

Answer 4

更改：

the_post_thumbnail（'kaira-featured'，array（'class'=>'img-responsive'））;

to：the_post_thumbnail（'kaira-featured'）;

Answer 5

对不起，如果我浪费了你的时间。但是我也感谢您试图帮助我。我试图通过PHP修改尺寸。我以另一种方式开始，我正在解决CSS的问题，即使这是很多工作。

我不明白为什么 kaira主题是如此固执。主题：https：//wordpress.org/themes/kaira/不幸的是，这是唯一适合我博客的主题。否则我应该已经更改了。

编辑：我曾经遵循以下指令 - 毫无用处。不适合凯拉（Kaira）主题https://developer.wordpress.org/themes/functionality/featured-images-post-thumbnails/