wordpress缩略图尺寸重新裁剪 timthumb

问题缘由

注:该方法已失效,文章可以停止浏览!

众所周知,小2的网站近期改版了,缩略图也放大了,更加的展现主题的风采了;但是其实一直隐藏着一个问题没解决,而这个问题,从第二次改版的时候就伴随着了,就是缩略图的尺寸还是用的网站上线初所用的缩略图尺寸。

尽管后台的设置-多媒体-缩略图尺寸修改了,可这是新上传的图片才会生成新的尺寸的缩略图,小2想了很多办法,也从郑力大神那看到用ps加数据库批量的方法,可是小2站里图片太多,缩略图尺寸也复杂不一,曾经还做过中文文件名md5转换,用ps家数据库批量的方法实在是复杂和累人!

wordpress缩略图尺寸重新裁剪 timthumb

疑问

如何才能快速又方便的解决wordpress缩略图尺寸重新裁剪的问题呢?

从奶嘴那了解到谷歌的timthumb很好用,小2就百度了下,确实找到相关的文献,通过摸索,现在通过timthumb就可以自由的给缩略图裁剪自己设定的缩略图,可以说一个文章的缩略图可以有几个缩略图的尺寸,做到全站所有要展现缩略图的地方的尺寸都是最清晰的!

解决问题

下面我们直接说教程吧

  1. <?php
  2. function post_thumbnail( $width = 100,$height = 80 ){
  3.     global $post;
  4.     if( has_post_thumbnail() ){    //如果有缩略图,则显示缩略图
  5.         $timthumb_src = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID),'full');
  6.         $post_timthumb = '<img src="'.get_bloginfo("template_url").'/timthumb.php?src='.$timthumb_src[0].'&amp;h='.$height.'&amp;w='.$width.'&amp;zc=1" alt="'.$post->post_title.'" class="thumb" />';
  7.         echo $post_timthumb;
  8.     } else {
  9.         $post_timthumb = '';
  10.         ob_start();
  11.         ob_end_clean();
  12.         $output = preg_match('/<img.+src=[/'"]([^/'"]+)[/'"].*>/i', $post->post_content, $index_matches);    //获取日志中第一张图片
  13.         $first_img_src = $index_matches [1];    //获取该图片 src
  14.         if( !empty($first_img_src) ){    //如果日志中有图片
  15.             $path_parts = pathinfo($first_img_src);    //获取图片 src 信息
  16.             $first_img_name = $path_parts["basename"];    //获取图片名
  17.             $first_img_pic = get_bloginfo('wpurl'). '/cache/'.$first_img_name;    //文件所在地址
  18.             $first_img_file = ABSPATH. 'cache/'.$first_img_name;    //保存地址
  19.             $expired = 604800;    //过期时间
  20.             if ( !is_file($first_img_file) || (time() - filemtime($first_img_file)) > $expired ){
  21.                 copy($first_img_src, $first_img_file);    //远程获取图片保存于本地
  22.                 $post_timthumb = '<img src="'.$first_img_src.'" alt="'.$post->post_title.'" class="thumb" />';    //保存时用原图显示
  23.             }
  24.             $post_timthumb = '<img src="'.get_bloginfo("template_url").'/timthumb.php?src='.$first_img_pic.'&amp;h='.$height.'&amp;w='.$width.'&amp;zc=1" alt="'.$post->post_title.'" class="thumb" />';
  25.         } else {    //如果日志中没有图片,则显示默认
  26.             $post_timthumb = '<img src="'.get_bloginfo("template_url").'/images/default_thumb.gif" alt="'.$post->post_title.'" class="thumb" />';
  27.         }
  28.         echo $post_timthumb;
  29.     }
  30. }
  31. ?>

将上面的代码放进wordpress主题文件夹的functions.php内,然后下载文章底部的 timthumb.php 文件放到wordpress主题的根目录下!

然后通过

  1. <?php post_thumbnail(243,182); ?>

这个函数就可以调用出裁剪好尺寸为243*182的缩略图了,相应的缩略图结构代码参照:

  1. <a href="<?php echo get_permalink(); ?>" rel="external nofollow"  title="<?php the_title(); ?>"><?php post_thumbnail(243,182); ?></a>

其中243代表宽,182代表高,你们在使用的时候替换成你们的尺寸即可!

然后我们还要给网站根目录下创建cache目录,并给予777权限,这样就可以全自动调用裁剪好的缩略图了,而这些缩略图也就都存在了cache文件夹里,使用起来很方便!

衍生疑问

这个时候有人会问,那系统自带的生成缩略图的功能这么办?每次上传图片,系统都会生成几个尺寸的缩略图,有了timthumb还需要系统自带的缩略图生成功能吗?小2的回答是:随便你!

wordpress批量删除全部文章缩略图的方法可以下载一些插件来进行删除!

关于wordpress缩略图尺寸重新裁剪,这是timthumb篇,还有七牛篇以后再介绍给大家!

衍生疑问2

最近听奶嘴说timthumb有权限上漏洞,反正模板下载吧不懂,这里就穿插个教程吧,nginx与Apache禁止目录执行php文件权限!

以下配置均在nginx配置的server处添加

  1. location ~ /cache/.*.(php|php5)?$ {
  2. deny all;
  3. }

禁止cache目录执行php文件权限

2、多个目录

  1. location ~ /(cache|upload)/.*.(php|php5)?$ {
  2. deny all;
  3. }

禁止cache与upload目录执行php文件权限

配置完后,重新reload nginx即可。

1、单个目录
Apache禁止目录执行php文件权限
以Apache 模块方式运行 PHP,你可以在vhosts配置文件中添加如下代码:

  1. <Directory /www/www./upload>
  2. php_flag engine off
  3. </Directory>
  4. <Directory ~ "^/www/.*/upload">
  5.  <Files ~ ".php">
  6.  Order allow,deny
  7.  Deny from all
  8.  </Files>
  9. </Directory>

禁止upload目录执行php文件权限
友情提示,这个nginx中和apache+windows设置目录权限方法是有所区别的

文件下载

小编生怕代码高亮有问题,特地将functions.php和timthumb.php都打包给大家来下载!

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
3. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
7. 如果您也有好的资源或教程,您可以投稿发布,成功分享后有M币奖励和额外收入!

模板下载吧 快速入门 wordpress缩略图尺寸重新裁剪 timthumb https://www.mbxzb.com/blog/file/rumen/3098.html

从明天起,做一个幸福的人,喂马、劈柴、周游世界…

常见问题
  • 本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。
查看详情
  • 最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用
查看详情

相关文章

评论
暂无评论
点击按钮快速添加回复内容: 支持 高兴 激动 给力 加油 苦寻 生气 回帖 路过 威武 友军 顶贴
官方客服团队

为您解决烦忧 - 24小时在线 专业服务

wordpress缩略图尺寸重新裁剪 timthumb-海报