如何更改所有图像的尺寸以使其大小相同?

时间:2016-01-16 作者:Stanley Tan

我正在尝试实现这种外观,而无需进入照片编辑应用程序,并将图像剪切和粘贴到精确的大小。

只要我们能保持图像的尺寸和比例,我不介意图像的一半消失了。enter image description here

1 个回复
最合适的回答,由SO网友:jgraup 整理而成

将新图像大小注册到add_image_size( $name, $width, $height, $crop ).

// Hard crop left top

add_image_size( \'custom-size\', 160, 90, array( \'left\', \'top\' ) );
然后使用如下插件Regenerate Thumbnails 这将自动在服务器上创建新的大小。

您还可以从WordPress管理员处选择自定义尺寸。为此,您必须使用image_size_names_choose 钩子为它们指定一个普通的、人类可读的名称。

add_filter( \'image_size_names_choose\', \'wpse_20160116_custom_sizes\' );

function wpse_20160116_custom_sizes( $sizes ) {
    return array_merge( $sizes, array(
        \'custom-size\' => __( \'Your Custom Size Name\' ),
    ) );
}
对于特色图片,请确保使用add_theme_support( ‘post-thumbnails’ ); 然后使用访问新大小the_post_thumbnail( $size, $attr ):

if ( has_post_thumbnail() ) { 
    the_post_thumbnail( \'custom-size\' ); 
}
对于其他可以使用的图像wp_get_attachment_image:

// Assuming your Media Library image has a post id of 42...

echo wp_get_attachment_image( 42, \'custom-size\' );
正如@Charles指出的,您应该能够在Media Settings Screen.

相关推荐

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 {