如何在wordpress中更改特色图像的宽度

Question

目前我正在使用闪闪发光的主题..我需要使用精选图片作为标题的背景..

例如， 我希望精选图片看起来像下面的截图

但我得到的是，

我不知道如何调整图像大小并给出大的宽度。任何人都可以帮助我

Answer 1

你正在使用wordpress闪耀主题。看起来他们正在使用插件“FlexSlider”。这个插件应该为你做。

如果这不起作用，那么您可以添加一些CSS。你需要像

这样的东西

.featimage {
width: 100%;
height: 450px; /** this can be edited to whatever height you want
}

确保图像显示在标题部分下方。

我建议你继续使用这个插件。这对你来说会更容易。

参考：https://colorlib.com/sparkling/

Answer 2

您可以使用background-size:cover为背景图片类中的背景图片创建100％的宽度。

Answer 3

编辑：我自己在测试环境中安装了这个主题，发现图像位于一个包装内，通过add_image_size()或通过增加图像大小来阻止图像拉伸整个宽度将width:100%添加到样式规则中。这个答案实际上不会提供解决方案，因为解决方案涉及重新处理几个主题文件。

查看theme code on gitHub后，我发现正在使用的图片使用functions.php中此代码行指定的自定义尺寸：

add_image_size( 'sparkling-featured', 750, 410, true );

请参阅：https://developer.wordpress.org/reference/functions/add_image_size/，了解该代码的用途。

在content-single.php中被这一行调用：

the_post_thumbnail( 'sparkling-featured', array( 'class' => 'single-featured' ));

您可能希望在add_image_size()调用中更新图像大小，以便默认情况下使用更大的大小。获得所需的图像大小后（如果更改了它），可以通过类名对其进行定位，并在style.css文件中应用一些样式规则，以便它扩展容器的整个宽度。

.single-featured{
    width: 100%;
    height: auto;
}

注意：容器宽度可能不是页面宽度的100％ - 如果没有指向示例页面的链接或安装主题并自行测试我无法确定。