WordPress 缩率图学习笔记

WordPress 缩率图学习笔记

Wordpress在生成缩略图的过程中，有两种不同的规则

• 缩放模式：缩放模式就是将图片等比例缩小，且新生成的缩略图长度或高度两者之中，有一个是你设置的缩略图的尺寸

  • 举例：
  • 假如设置缩率图 150 * 150 ,那么
    
    800 * 500 ---> 150 * 94；
    
    300 * 100 --> 150 * 50；
    
    100 * 100 --> 100 * 100【不发生裁剪】

• 剪切模式,两种情景:

  • 上传的图片的高度和宽度，两者之中只要有一个尺寸小于设定的缩略图尺寸。则在原图的基础上剪切，而且是从图的中心点剪切。
  • 上传的图片的高度和宽度都大于设定的缩略图尺寸。则先将原图缩小（等比缩小，而且缩小的图片的高度和宽度中至少有一个大于缩略图设置的尺寸），然后在缩小的图片的基础上从中心点剪切。

相关函数

• wp_get_attachment_image_src

<?php
wp_get_attachment_image_src( $attachment_id, $size, $icon ); ?>

Array
(
    [0] => url //图片地址
    [1] => width //图片宽度
    [2] => height //图片高度
    [3] =>  boolean //true表示返回了缩放后的图片，false表示返回了原始图片
)

• get_post_thumbnail_id($post->ID)

<?php if (has_post_thumbnail()){
   $array_image_url = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), array(255,204));
   echo $array_image_url[0];
} ?>

• add_theme_support

if ( function_exists('add_theme_support') )add_theme_support('post-thumbnails');

• add_image_size

add_image_size('video', 600, 370, true);//设置第二种样式名为show，长80，宽60,按照裁剪的方式裁剪缩略图

使用示例代码

//添加文章"特色图像"功能，即缩略图功能
if ( function_exists('add_theme_support') )add_theme_support('post-thumbnails');
//设置第二种样式名为show，长80，宽60,按照裁剪的方式裁剪缩略图
add_image_size('video', 600, 370, true);

$image = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'thumbnail-video' );
//$image 为数组
//$image[0]为图片地址

相关插件

• DNUI
  
  

• Regenerate Thumbnails
  
  

参考链接

• WordPress 多语言插件 Polylang 主题函数参考
• Polylang
• WordPress 自定义查询 WP_Query 所有参数详细注释