注意：本指南已针对经典版本1.10+更新

我收到了很多要求，询问我如何更改“经典WordPress主题”中Nivo和Content Sliders的大小，因此我决定在此处制作一个教程，向您显示更改特征图像大小，CSS和模板文件，因此您可以定义自己的滑块大小。

步骤1：在Functions.php中更改特色图像大小

您要做的第一件事就是更改在functions.php中定义的滑块图像的大小，以便在上载到媒体库时正确裁剪。

*打开functions.php并更改第122行

add_image_size（'nivo-slider'， 980 [/ highlight]，[highlight] 400 [/ highlight]，true）;

*第一个值980是滑块图像的宽度，而400是滑块图像的高度。更改这些以适应您的需求。

步骤2：编辑CSS

接下来是编辑CSS以更改滑块的容器高度。

注意：您只需要对“ NivoSlider”执行此操作，因为内容滑块会根据其内容自动更改高度。

*打开style.css并更改1132-1140行之间的高度值

#slider_nivo {
    position: relative;
    [highlight]width: 980px;
    margin-top: -30px;
    margin-left: -25px;
    margin-right: -25px;
    margin-bottom: 30px;
    height: 400px;
    overflow: hidden;
}

下一步是编辑模板文件，以便代码与新尺寸匹配。

一种。更改Nivo图像滑块：打开include / sliders / nivo.php，并在第32-36行之间更改图像值以反映新的尺寸。

<a href="<?php echo $slidelink ?>" title="<?php the_title(); ?>"><img src="<?php echo $featured_image[0]; ?>" alt="<?php the_title(); ?>" <?php if($options['disable_caption'] != 'disable') { ?>title="<?php the_title(); ?>"<?php } ?> width="980" height="400" /></a>
<?php
// no meta link defined, show plain img
} else { ?>
<img src="<?php echo $featured_image[0]; ?>" alt="<?php the_title(); ?>" <?php if($options['disable_caption'] != 'disable') { ?>title="<?php the_title(); ?>"<?php } ?> width="980" height="400" />

b。更改图像幻灯片的内容滑块：打开include / sliders / content.php，并在第29-36行之间更改图像值以反映新的尺寸。

<a href="<?php echo $slidelink ?>" title="<?php the_title(); ?>"><img src="<?php echo $featured_image[0]; ?>" alt="<?php the_title(); ?>" width="980" height="400" /></a>
</div>
<!-- END .slide-image -->
<?php
// no meta link defined, show plain img
} else { ?>
<div>
<img src="<?php echo $featured_image[0]; ?>" alt="<?php the_title(); ?>" width="980" height="400" />

第4步：重新生成图像（仅当您需要重新裁剪图像时）

还记得在第1步中我们在functions.php中更改了滑块图像的大小吗？好吧，这就是WordPress在上传图像时用于裁剪图像的价值，因此，如果媒体库中已有图像，则需要“重新生成”它们以反映您的更改。

为此，您可以下载“ Regenerate Thumbnails ”插件并运行1次。

运行插件之后（在仪表板中的工具下），您将不再需要这样做，因为将使用在当前主题或子主题的functions.php函数文件中第1步中设置的值来裁剪任何新图像。