zoukankan      html  css  js  c++  java
  • 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

    参考链接

  • 相关阅读:
    wpf 打开win8系统软件盘
    wpf DATAgrid模板中button 命令绑定以及命令参数绑定
    <转>WPF 中的绑定
    代码方式给控件添加背景图片(WPF)
    WPF 枚举使用
    wpf 窗体添加背景图片
    c# 读取txt文件中文乱码解决方法
    Kali linux-信息收集-dmitry
    等保2.0所需设备
    Microsoft Dynamics 2013 --Social Pane
  • 原文地址:https://www.cnblogs.com/jjxhp/p/11248393.html
Copyright © 2011-2022 走看看