WordPress主题制作

  1. 主页
  2. 文档
  3. WordPress主题制作
  4. 缩略图的处理
  5. 缩略图尺寸

缩略图尺寸

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的缩略图。

这篇文章对您有用吗?

我们要如何帮助您?