WordPress自带thumbnail缩略图功能使用介绍_WordPress_CMS教程_脚本之家 在function.php中刚刚插入的add_theme_support( ‘post-thumbnails’ ); 后面添加
set_post_thumbnail_size( 155, 110, true ); // 305 pixels wide by 380 pixels tall, set last parameter to true for hard crop mode
add_image_size( ‘one’, 155, 110, true ); // Set thumbnail size
add_image_size( ‘two’, 350, 248, true ); // Set thumbnail size
add_image_size( ‘big’, 546, 387, true ); // Set thumbnail size
其中第一个为默认的缩略图大小,后面三个是特殊的大小,可以根据实际情况使用。引号中的one,big,two也可以换成自己想要的名称。
调用,以调用350px*248px的为例,
默认图像大小包括;
“thumbnail”,
“medium”,
“large”
“full”:the size of the image you uploaded
这些尺寸是
WordPress自带thumbnail缩略图功能使用介绍_WordPress_CMS教程_脚本之家 控制缩略图大小
WordPress自带thumbnail缩略图功能使用介绍_WordPress_CMS教程_脚本之家 在function.php中刚刚插入的add_theme_support( ‘post-thumbnails’ ); 后面添加
set_post_thumbnail_size( 50, 50, true );//尺寸的设置顺序是: 宽度、高度(以像素为单位)
说明
post-thumbnail
the_post_thumbnail
这些设置可以直接用在the_post_thumbnail(),如:
//Default WordPress
the_post_thumbnail( 'thumbnail' ); // Thumbnail (150 x 150 hard cropped)
the_post_thumbnail( 'medium' ); // Medium resolution (300 x 300 max height 300px)
the_post_thumbnail( 'medium_large' ); // Medium Large (added in WP 4.4) resolution (768 x 0 infinite height)
the_post_thumbnail( 'large' ); // Large resolution (1024 x 1024 max height 1024px)
the_post_thumbnail( 'full' ); // Full resolution (original size uploaded)
图片尺寸:
在“设置”>”媒体”进行“图片尺寸”设置:

影响在进行图片上载的时候的图片尺寸选择。

方法一:后台设置
就是上面提到的方法,不过这种方法只设置3种大小。
其中参数”thumbnail”表示缩略图显示的大小。wordpress预置了4种大小,你可以使用下面的4个参数来替换’thumbnail’,当然不同的台数显示的图片大小也不同
Ø Thumbnail (缩略图尺寸)
Ø Medium (中等尺寸)
Ø Large (大尺寸)
Ø Full (原始尺寸)
具体尺寸大小可以在后台“设置”中的“媒体”选项中进行设置
Post thumbnail sizes:
你可以设置3种不同的大小,以方便在不同的情况下使用。
至此你的主题已经支持缩略图功能并可以灵活使用了。
下面我将介绍一下更高级的应用技巧。
方法二:自定义
在调用the_post_thumbnail函数的时候,可以直接指定缩略图的大小
the_post_thumbnail(array(200,200)); // 显示200X200尺寸的缩略图
这种方法的优点的灵活,可以随时通过代码的调用显示不同尺寸的图片,缺点是修改有点麻烦,如果你有多处这样的代码,修改起来就要把每一处代码都要修改掉。
方法三:增加预置尺寸
通过前面的介绍我们已经知道,wordpress为我们预置了三种可以设置的尺寸。可不可以再增加一些预置的尺寸呢?当然可以,我们要用到的函数是add_image_size。比如我们想在首页和分类页面使用不同的缩略图大小,就可以先预置homepage-thumb和category-thumb这两大小。方法是在functions.php文件中加入以下代码
if ( function_exists( 'add_image_size' ) ){
add_image_size( 'category-thumb', 200, 200 ); // 预置一个名为’category-thumb’,200*200的缩略图大小
add_image_size( 'homepage-thumb', 220, 180); //预置一个名为’homepage-thumb’,220*180的缩略图大小
}
之后就可以在首页调用
the_post_thumbnail(‘homepage-thumb’);
显示220*180的缩略图
在分类页面调用
the_post_thumbnail(‘category-thumb’);
则显示200*200的缩略图。