目录
首页 笔记 详情

wordpress缩略图大小的设置方法


WordPress文章中经常会出现一些缩略图,比如我们有一些特殊的需求,产品的缩略图大小跟文章的缩略图大小不一样,我将教您如何通过修改functions.php文件来添加自己的图像大小,重新生成缩略图并将新的图像大小。

默认缩略图

wordpress预置了4种大小,你可以使用下面的4个参数来替换’thumbnail’,当然不同的台数显示的图片大小也不同

  • Thumbnail (缩略图尺寸)
  • Medium (中等尺寸)
  • Large (大尺寸)
  • Full (原始尺寸)

具体尺寸大小可以在后台“设置”中的“媒体”选项中进行设置

自定义缩略图尺寸的三种方法

方法一:后台设置

就是上面提到的方法,不过这种方法只设置3种大小。

方法二:自定义

在调用the_post_thumbnail函数的时候,可以直接指定缩略图的大小

the_post_thumbnail(array(200,200)); // 显示200X200尺寸的缩略图  

这种方法的优点的灵活,可以随时通过代码的调用显示不同尺寸的图片,缺点是修改有点麻烦,如果你有多处这样的代码,修改起来就要把每一处代码都要修改掉。

方法三:增加预置尺寸

add_image_size( 'the-name-for-custom-image-size', 600, 400, true );

通过前面的介绍我们已经知道,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的缩略图大小  
}  

此函数按以下顺序接受4个参数:

  • 您给您的自定义图像尺寸的名称
  • 图像宽度(以像素为单位)
  • 图像高度(以像素为单位)
  • 是否应裁剪图像以适合上面指定的宽度和高度

之后就可以在首页调用

the_post_thumbnail('homepage-thumb');  

显示220*180的缩略图

在分类页面调用

the_post_thumbnail('category-thumb');  

则显示200*200的缩略图。

前提是主题已经启用缩略图功能,没有启用的在function.php里添加下面的代码

//为文章添加特色图像
add_theme_support('post-thumbnails');

上面的代码让主题支持文章缩略图并让WordPress生成不同尺寸的缩略图。


写笔记

咨询

您的电子邮箱地址不会被公开。 必填项已用*标注