wordpress缩略图thumbnail尺寸控制.docx

A-A+wordpress缩略图thumbnail尺寸控制2013年12月31日PHP开源系统评论 15 条阅读 1,518 views 次1、通过后台，控制wordpress缩略图尺寸我们在上传图片的时候，wordpress会为我们创建图片副本，不过它们都是经过内部调整的，或进行缩小，或进行裁剪。那么怎么去控制这些创建时对图片尺寸的规定呢？首先，我们在wordpress的后台设置中能对上传图片的尺寸做规定。如图：wordpress上传图片时，会根据上传图片的大小来对图片进行副本的创建，就像上图中的设置一样，如果图片宽度或高度大于1024像素那么就会 创建三个副本：150px*150px、300px*300px、1024px*1024px；加上图片本身，服务器上就会保存四张图片。而当图片宽度或 高度大于300像素，小于1024像素时，不会创建1024px*1024px的那张，以此类推，图片越小创建副本的张数就可能减少。上图中的缩略图大小 会作为文章post_thumbnail的缩略图，可以用the_post_thumbnail(thumbnail)调用， （the_post_thumbnail可不带参数，效果相同。） 当我们在插入一张图片之后，可以在插入选项中发现，由于这张图片大小小于1024像素，因此没有创建大的缩略图，不能选择“大”。如果这张图再小于300像素的话，连中等都没得选择。 在缩略图大小下面有一个选项，是否裁剪到这个尺寸。选择时，wordpress会按照所填写的大小，裁剪出一个150px*150px的图片，这个 图片将会按照小边的宽度，大边的居中部位裁剪（下图演示）。如果不选择，就会把图片最大的那条边缩小到150px，但图片的长宽比不变。这里的宽度和高度 是可变的，不一定要相等。这张图可以很好的说明勾选缩略图下的裁剪选项与否的效果，左侧是原图，右上角为勾选后裁剪得到的一个150px*150px的缩略图，裁剪时图片的顶部和底部被剪掉了。而右下角的图片为不勾选的效果，图片只是按比例将最大边缩小到150px，没有进行裁剪。只有小图缩略图在勾选之后会进行裁剪，而中等、大等缩略图是不会进行裁剪的，只会按比例缩放副本。我们也可以不需要创建这么多的副本，甚至不需要创建缩略图副本，在设置中，删除所有的大小设置，全部留空。这时不会创建副本，插入图片的地方也无法进行选择，只能插入原图。2、通过增加缩略图型号控制尺寸?上文讨论了wordpress后台可设置的部分，而在主题制作中，我们还有不可见的缩略图尺寸控制。我们知道，只有在wordpress主题的 functions.php中规定了add_theme_support(post-thumbnails);才能正常使用wordpress的文章 缩略图（特色图片功能，上文讨论的可以不用特色图片功能就能实现，但如果前台要调用而非仅仅进行插入的话，必须增加该功能。），同时，我们在规定该功能之 后，还能配置我们自己想要的图片尺寸。在wordpress文章特色图片功能详解一文中，我也已经谈到了缩略图的尺寸问题，不过并不尽全。在默认情况下，wordpress有下面几种缩略图尺寸：缩略图(Thumbnail)小图(Small)中等图(Medium)大图(Large)原图(Full)它们是针对调用的，在没有进行型号的增加时，我们即可用the_post_thumbnail()调用这几种尺寸（对应的图片存在才会调用，不存在 会自动降一级或使用原图）。这几个默认的尺寸，其实正好对应后台设置尺寸，他们调用到的大小正式后台设置的情况。不过也有例外，当我们已经有了一些副本的 时候，我们竟然改动了后台的设置，这个时候遗憾的是，系统将会调用原图，无论你选择哪种尺寸，因为尺寸大小对应的图片已经不存在了（wordpress按 照图片的尺寸保存副本）。我们可以增加一些型号，补充我们对文章缩略图的尺寸需求。例如，我们并不需要很多尺寸，只需要原图，和将原图缩略为600*250的一张图，只需两 张即可，我们可以把后台所有选项设置为空，在add_theme_support(post-thumbnails);后紧接着加上一句：set_post_thumbnail_size(600,250,true);这样，wordpress将为我们创建一张600*250经过裁剪的副本（将上面第三个参数设置为false表示不进行裁剪，只按比例缩小），而在调用时，我们需要用the_post_thumbnail(post-thumbnail);而非the_post_thumbnail();。虽然post-thumbnail型号也算是内置的，但是它需要set_post_thumbnail_size声明后才能用。由于我们采用的是set_post_thumbna