Wordpress：特色图片不会改变其大小答案

【问题标题】：Wordpress: Feature Image won't change its sizeWordpress：特色图片不会改变其大小
【发布时间】：2018-05-24 10:30:59
【问题描述】：

在我主题的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 主题。

如何强制主题改变图片大小？

【问题讨论】：

标签： php wordpress css-selectors

【解决方案1】：

正如您自己编写的那样，您需要在 CSS 中进行更改。因此，转到您希望显示图像具有不同大小的页面，并使用浏览器开发人员工具找出用于处理该图像的 CSS 选择器。这很可能是一个由多个标签和类组成的选择器（这就是为什么覆盖它并不那么容易的原因）

然后在您的自定义 CSS/样式表中使用相同的 CSS 选择器并定义不同的宽度（并且很可能是“高度：自动”以保持正确的比例）。

【讨论】：

【解决方案2】：

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

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

编辑：我曾经遵循这些指示 - 没用。不适用于复杂的 Kaira 主题 https://developer.wordpress.org/themes/functionality/featured-images-post-thumbnails/

【讨论】：

【解决方案3】：

图像大小发生任何变化后，您必须重新生成所有图像的缩略图。

为了重新生成使用Regenerate thumbnails插件。

【讨论】：

我安装了插件并设置了大小。仍然没有任何反应。 :( 我讨厌 kiara 主题。
@RamónWilhelm 你运行了再生进度吗？转到此链接（只需更改为您的域）：http://yourdomain.com/wp-admin/tools.php?page=regenerate-thumbnails 并点击“重新生成所有缩略图”按钮。

【解决方案4】：

变化：

the_post_thumbnail('kaira-featured', array('class' => 'img-responsive'));

到： the_post_thumbnail('kaira-featured');

【讨论】：

什么也没发生。您需要其他 php 文件中的一些代码吗？
我查看了主题的 css，发现有一些东西是 max-width: 100%。难怪它不起作用。
我发现 css max-width 不是问题。我的主题中的某些内容无法正常工作。

【解决方案5】：

add_image_size('kaira-featured', 652, 375, true );

将值 652 和 375 更改为您喜欢的任何值

【讨论】：

即使我改变了值，图像也不会改变。
将150、150改为250、250