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>

我尝试将尺寸从＆＃39; kaira-slider＆＃39; 更改为＆＃39; kaira-featured＆＃39; ，但是尺寸赢了＆＃39;改变。我正在使用kaira-Theme。

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

Answer 1

在更改图像大小后，您必须重新生成所有图像缩略图。

用于重新生成Regenerate thumbnails插件。

Answer 2

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

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

Answer 3

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

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

Answer 4

更改：

the_post_thumbnail（＆＃39; kaira-featured＆＃39;，array（＆＃39; class＆＃39; =＆gt;＆＃39; img-responsive＆＃39;））;

要： the_post_thumbnail（＆＃39;凯拉功能＆＃39）;

Answer 5

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

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

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

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

5 个答案: