也想出现在这里?联系我们

wordpress缩略图尺寸重新裁剪 timthumb

  • 文章介绍
  • 升级版本
  • 评价&建议
也想出现在这里?联系我们
也想出现在这里?联系我们

问题缘由

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

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

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

疑问

如何才能快速又方便的解决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(); ?>" 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
  • 2014.01.01初次和大家见面了!

已拥有4人对该主题的建议

  1. 我擦,引用代码提示含有违禁语句

    2015-08-07 下午 3:23 [回复]
  2. 地板
    幻影雪狮:

    缩略图结构代码放在什么地方

    2015-08-07 下午 3:22 [回复]
  3. 板凳
    三子(3zi.me):

    很不错。。。

    2014-03-16 下午 1:27 [回复]
  4. 沙发
    维维维哥:

    2014-01-22 下午 12:43 [回复]

发表评论

还能输入240个字

Hi, 欢迎加入Wordpress技术交流群,带你装逼带你飞!

我要入群
也想出现在这里?联系我们
wordpress主题推荐
也想出现在这里?联系我们
wordpress主题站推荐
也想出现在这里?联系我们
wordpress主题站推荐
也想出现在这里?联系我们

我来推荐一个更牛逼的给你看看?

  • 猛戳我吧