将小图像大小添加到媒体设置

时间:2016-12-23 作者:Jim Fell

我的WordPress(v4.7)网站的媒体设置仅显示缩略图、中文本和大文本的大小。如何添加小尺寸?

2 个回复
SO网友:Tunji

您可以使用注册新的图像大小add_image_size()

add_image_size( string $name, int $width, int $height, bool|array $crop = false )

参数

$name

(字符串)(必需)图像大小标识符。

$width

(int)(必需)以像素为单位的图像宽度$高度(int)(必需)图像高度(像素)。

$crop

(布尔|数组)(可选)是将图像裁剪为指定的宽度和高度还是调整大小。数组可以指定作物区域的位置。默认值:false

SO网友:chop62

在修改主题之前,您应该创建主题的子主题

https://codex.wordpress.org/Child_Themes

然后,您可以添加以下选项之一functions.php 在子主题中

add_image_size( \'custom-size\', 220, 180 );

请参考此页面以了解croping和resizing选项https://developer.wordpress.org/reference/functions/add_image_size/https://developer.wordpress.org/reference/functions/add_image_size/

在主题函数中使用“添加图像”。php文件。始终使用“after\\u setup\\u theme”动作挂钩。

add_action( \'after_setup_theme\', \'wpdocs_theme_setup\' );
function wpdocs_theme_setup() {
    add_image_size( \'category-thumb\', 300 ); // 300 pixels wide (and unlimited height)
    add_image_size( \'homepage-thumb\', 220, 180, true ); // (cropped)
}
或者您也可以使用set_post_thumbnail_size 使用下面列出的一些选项运行

add_theme_support( \'post-thumbnails\' );set_post_thumbnail_size( 150, 150 );注意:此功能不会调整现有特色图像的大小。要以新大小重新生成现有图像,请使用“重新生成缩略图”插件。

裁剪模式通过按比例调整图像大小(即不扭曲图像)来设置默认的后期缩略图大小:

set_post_thumbnail_size( 50, 50 ); // 50 pixels wide by 50 pixels tall, resize mode

通过裁剪图像(从侧面或从顶部和底部)设置默认的后期缩略图大小:

set_post_thumbnail_size( 50, 50, true ); // 50 pixels wide by 50 pixels tall, crop mode

通过从左上角裁剪图像来设置默认的后期缩略图大小:

set_post_thumbnail_size( 50, 50, array( \'left\', \'top\') ); // 50 pixels wide by 50 pixels tall, crop from the top left corner

通过从中心裁剪图像来设置默认的帖子缩略图大小:

set_post_thumbnail_size( 50, 50, array( \'center\', \'center\') ); // 50 pixels wide by 50 pixels tall, crop from the center

相关推荐

Images with overlay

我有一些图片在一个容器中,我想添加一个覆盖和图标。这不是现成的,但我找到了一些有用的代码:HTML:<div class=\"main\"> <span class=\"featured\"><img src=\"http://joshrodg.com/IMG_001-258x258.jpg\" title=\"\" alt=\"\"></span> </div> CSS:.featured {