热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

wordpress中添加新的缩略图尺寸

wordpress默认的缩略图尺寸有三个:缩略图(150x150)、中图(300x300)和大图(1024x1024),且后两者只能按照原图比例缩放,比如原图长宽比是2:1的话,那么生成的中图尺寸是300x150,而不是300x300,这往往不能满足我们的需求,故而需要增加一些生成缩略图的尺寸,主要用到add_imag

wordpress默认的缩略图尺寸有三个:缩略图(150x150)、中图(300x300)和大图(1024x1024),且后两者只能按照原图比例缩放,比如原图长宽比是2:1的话,那么生成的中图尺寸是300x150,而不是300x300,这往往不能满足我们的需求,故而需要增加一些生成缩略图的尺寸,主要用到add_image_size函数。

该函数可以用来注册一个新的图片尺寸.这意味着当你上传新图片时WordPress会创建一个特定尺寸的特色图片(featured images)的拷贝。

注意:为了开启特色图片(featured images), 或者文章缩略图, 当前主题必须在functions.php文件中包含?add_theme_support( 'post-thumbnails' );想了解更多请参阅?Post Thumbnails.

语法:

参数:

$name
(string) (必须) 新图片尺寸的名字.
Default:?None
$width
(int) (可选) 缩略图宽度(单位为像素).
Default: 0
$height
(int) (可选) 缩略图高度(单位为像素)..
Default: 0
$crop
(boolean) (可选) 是否裁剪图片. False - 按比例裁剪模式 ; True - 硬裁剪模式(不按比例).
Default: false

自带的图片尺寸名

thumb,?thumbnail,?medium,?large,?post-thumbnail

名称 "thumb" & "thumbnail" 是别名, 等效.

更多的解释说明,请参阅?image_downsize()?这篇文章.

最后,如果需要的话, 你可以自己设定选项值:

update_option('thumbnail_size_w', 160);
update_option('thumbnail_size_h', 160);
update_option('thumbnail_crop', 1);

示例

主题的functions.php文件.

if ( function_exists( 'add_theme_support' ) ) {
	add_theme_support( 'post-thumbnails' );
        set_post_thumbnail_size( 150, 150 ); // default Post Thumbnail dimensions   
}

if ( function_exists( 'add_image_size' ) ) { 
	add_image_size( 'category-thumb', 300, 9999 ); //300 pixels wide (and unlimited height)
	add_image_size( 'homepage-thumb', 220, 180, true ); //(cropped)
}

裁剪模式

按比例缩放图片尺寸 (并不删除图片):

add_image_size( 'homepage-thumb', 220, 180 ); // 220像素宽180像素高, 按比例裁剪模式

通过裁剪设置图片尺寸 (从两边、顶部或底部):

add_image_size( 'homepage-thumb', 220, 180, true ); // 220 像素宽 180 像素高, 硬裁剪模式

如何使用新的图片尺寸

在主题模板文件中使用如下代码即可.



如果博客已经存在大量图片需要重新按照新的尺寸生成新的图片,推荐使用wordpress的插件AJAX Thumbnail Rebuild,下载地址为http://wordpress.org/plugins/ajax-thumbnail-rebuild/

推荐阅读
  • 本文探讨了如何利用 Application 对象在 PHP 应用程序中共享数据,特别是在多用户环境中保持数据的一致性和安全性。文章还介绍了 Application 对象的基本结构、方法和事件,并提供了实际应用示例。 ... [详细]
  • 基于函数实现的进制转换工具
    本文介绍了一种利用函数实现不同进制数(二进制、八进制、十进制)之间转换的方法。包括了程序的运行效果展示、所使用的主要函数解析、以及如何验证用户输入的合法性。整个项目仅使用了两个全局变量来存储用户的选项和输入的数值。 ... [详细]
  • 本文探讨了如何在JavaScript中调用PHP函数及实现两者之间的有效交互,包括通过AJAX请求、动态生成JavaScript代码等方法。 ... [详细]
  • CGroups: 资源管理和控制
    CGroups(Control Groups)是Linux内核提供的一个功能,旨在限制、记录和隔离进程组使用的物理资源,如CPU、内存和I/O等。它通过精细的资源管理,支持现代容器技术如Docker的资源限制需求。 ... [详细]
  • Kafka 示例项目中 Log4j 的配置与调试
    本文详细介绍了如何在 Kafka 源码中的示例项目配置 Log4j,以确保能够正确记录日志信息,帮助开发者更好地理解和调试代码。 ... [详细]
  • Django框架的使用教程mysql数据库[三]
    Django的数据库1.在Django_test下的view.py里面model定义模型fromdjango.dbimportmodels#Createyourmodelshere ... [详细]
  • 致信息安全爱好者的成长指南
    本文旨在为信息安全爱好者提供一份详尽的成长指南,涵盖从学习心态调整到具体技能提升的各个方面。 ... [详细]
  • 使用Adobe Illustrator打造独特的家族徽章:牡鹿图腾设计教程
    本文详细介绍了一种基于《权力的游戏》灵感,运用Adobe Illustrator创作独特家族图腾——牡鹿徽章的方法。本教程不仅展示了具体的步骤,还提供了多种技巧,帮助读者创作出既具个人特色又符合设计原则的作品。 ... [详细]
  • 本文介绍了jQuery的基本使用方法及AJAX技术的基础知识,包括选择器、事件处理、DOM操作、动画效果等核心功能,以及如何利用AJAX实现页面的部分刷新。 ... [详细]
  • 2023年PHP处理请求超时的全面指南
    本文详细介绍了在PHP中处理请求超时的各种方法,包括设置脚本执行时间、处理file_get_contents函数超时以及优化AJAX请求等,适合开发者参考学习。 ... [详细]
  • django项目中使用手机号登录
    本文使用聚合数据的短信接口,需要先获取到申请接口的appkey和模板id项目目录下创建ubtils文件夹,定义返回随机验证码和调取短信接口的函数function.py文件se ... [详细]
  • 本文探讨了Flutter和Angular这两个流行框架的主要区别,包括它们的设计理念、适用场景及技术实现。 ... [详细]
  • 现在的新手程序猿,动不动就是框架,就连外面培训的也是框架,我就问一句,没了框架是不是就啥也不会了 ... [详细]
  • 本文详细介绍了PHP中的几种超全局变量,包括$GLOBAL、$_SERVER、$_POST、$_GET等,并探讨了AJAX的工作原理及其优缺点。通过具体示例,帮助读者更好地理解和应用这些技术。 ... [详细]
  • This article explores the process of integrating Promises into Ext Ajax calls for a more functional programming approach, along with detailed steps on testing these asynchronous operations. ... [详细]
author-avatar
手机用户2602911885
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有