热门标签 | 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/

推荐阅读
  • 本文详细介绍了中央电视台电影频道的节目预告,并通过专业工具分析了其加载方式,确保用户能够获取最准确的电视节目信息。 ... [详细]
  • 当unique验证运到图片上传时
    2019独角兽企业重金招聘Python工程师标准model:public$imageFile;publicfunctionrules(){return[[[na ... [详细]
  • PHP 编程疑难解析与知识点汇总
    本文详细解答了 PHP 编程中的常见问题,并提供了丰富的代码示例和解决方案,帮助开发者更好地理解和应用 PHP 知识。 ... [详细]
  • 优化ListView性能
    本文深入探讨了如何通过多种技术手段优化ListView的性能,包括视图复用、ViewHolder模式、分批加载数据、图片优化及内存管理等。这些方法能够显著提升应用的响应速度和用户体验。 ... [详细]
  • 本文详细介绍了如何使用PHP检测AJAX请求,通过分析预定义服务器变量来判断请求是否来自XMLHttpRequest。此方法简单实用,适用于各种Web开发场景。 ... [详细]
  • This guide provides a comprehensive step-by-step approach to successfully installing the MongoDB PHP driver on XAMPP for macOS, ensuring a smooth and efficient setup process. ... [详细]
  • 本文详细介绍了如何在Linux系统上安装和配置Smokeping,以实现对网络链路质量的实时监控。通过详细的步骤和必要的依赖包安装,确保用户能够顺利完成部署并优化其网络性能监控。 ... [详细]
  • 本文详细介绍了 Dockerfile 的编写方法及其在网络配置中的应用,涵盖基础指令、镜像构建与发布流程,并深入探讨了 Docker 的默认网络、容器互联及自定义网络的实现。 ... [详细]
  • 如何在PHPcms网站中添加广告
    本文详细介绍了在PHPcms网站后台添加广告的方法,涵盖多种常见的广告形式,如百度广告和Google广告,并提供了相关设置的步骤。同时,文章还探讨了优化网站流量的SEO策略。 ... [详细]
  • 前言--页数多了以后需要指定到某一页(只做了功能,样式没有细调)html ... [详细]
  • 在哈佛大学商学院举行的Cyberposium大会上,专家们深入探讨了开源软件的崛起及其对企业市场的影响。会议指出,开源软件不仅为企业提供了新的增长机会,还促进了软件质量的提升和创新。 ... [详细]
  • 探讨了如何解决Ajax请求响应时间过长的问题。本文分析了一个从服务器获取少量数据的Ajax请求,尽管服务器已经对JSON响应进行了缓存,但实际响应时间仍然不稳定。 ... [详细]
  • 一个登陆界面
    预览截图html部分123456789101112用户登入1314邮箱名称邮箱为空15密码密码为空16登 ... [详细]
  • 本文详细介绍了如何利用Go语言和WebSockets技术构建一个高效的实时聊天系统。随着网络应用的日益复杂化,实时交互成为了提升用户体验的关键要素之一。通过本指南,开发者可以学习到最新的技术和最佳实践。 ... [详细]
  • 本文探讨了2019年前端技术的发展趋势,包括工具化、配置化和泛前端化等方面,并提供了详细的学习路线和职业规划建议。 ... [详细]
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社区 版权所有