也想出現在這里?聯系我們

wordpress縮略圖裁剪 timthumb(二)

2014.08.09 wordpress教程
  • 文章介紹
  • 升級版本
  • 評價&建議

之前大叔就講過使用timthumb來對wordpress的縮略圖進行規格尺寸的裁剪的教程,請移步 《wordpress縮略圖尺寸重新裁剪 timthumb》?然后今天講的同樣還是timthumb來做wordpress縮略圖裁剪,但是今天講的算是更人性化,更高定制的版本教程;之前的教程,有個問題就是調用函數輸出的是包含了整個<img src="*****" >而不是縮略圖的地址,所以在制作wordpress主題中需要直接獲取到縮略圖的地址的時候,之前的教程就需要修改了,可大叔也懶的在之前的wordpress教程進行修改了,直接上新教程吧!

36_j7w5n5j3

方法很簡單,將一下代碼放入你們wordpress主題文件的functions.php內,

  1. //輸出縮略圖地址
  2. function?post_thumbnail_src(){
  3. ????global?$post;
  4. ????if(?$values?=?get_post_custom_values("thumb")?)?{???//輸出自定義域圖片地址
  5. ????????$values?=?get_post_custom_values("thumb");
  6. ????????$post_thumbnail_src?=?$values?[0];
  7. ????}?elseif(?has_post_thumbnail()?){????//如果有特色縮略圖,則輸出縮略圖地址
  8. ????????$thumbnail_src?=?wp_get_attachment_image_src(get_post_thumbnail_id($post->ID),'full');
  9. ????????$post_thumbnail_src?=?$thumbnail_src?[0];
  10. ????}?else?{
  11. ????????$post_thumbnail_src?=?'';
  12. ????????ob_start();
  13. ????????ob_end_clean();
  14. ????????$output?=?preg_match_all('/<img.+src=[\'"]([^\'"]+)[\'"].*>/i',?$post->post_content,?$matches);
  15. ????????if(!emptyempty($matches[1][0])){
  16. ????????????$post_thumbnail_src?=?$matches[1][0];???//獲取該圖片?src
  17. ????????}else{??//如果日志中沒有圖片,則顯示隨機圖片
  18. ????????????$random?=?mt_rand(1,?5);
  19. ????????????$post_thumbnail_src?=?get_template_directory_uri().'/images/random/'.$random.'.jpg';
  20. ????????????//如果日志中沒有圖片,則顯示默認圖片
  21. ????????????//$post_thumbnail_src?=?get_template_directory_uri().'/images/default_thumb.jpg';
  22. ????????}
  23. ????};
  24. ????echo?$post_thumbnail_src;
  25. }

根據上述的描述,是需要在你們wordpress主題根目錄下的images里創建個random文件夾,并且放入5張圖片來作為無圖時的隨機調用圖片顯示!

接下來就是,將timthumb.php文件放入到wordpress主題根目錄下,

最后就是調用了,

  1. <img?src="<?php?echo?get_template_directory_uri();??>/timthumb.php?src=<?php?echo?post_thumbnail_src();??>&w=300&h=230&zc=1"?alt="<?php?the_title();??>"?class="thumbnail"/>

這是<img src="*****" >標簽的全部調用格式,當然在img標簽里增加你們的個性化標簽也就來的簡單的多,特別是做wordpress主題開發的時候,經常要在img標簽里擴展,而這就是之前那wordpress教程無法做到的,當然如果僅僅只需要獲取wordpress縮略圖的圖像地址,那自然截取src里的地址即可,里面的w=314 h=241分別表示縮略圖的寬和高!

最后,在wordpress主題的根目錄下創建個cache文件夾,給予777或755權限,最后。。。如果是使用vps的朋友,建議給cache文件夾給予禁止php的操作!這個方法在上一個教程里有說到!

聽大家說上面的代碼復制后有錯誤,所以大叔將所有代碼都寫在php文件里,采用了utf-8無bom模式的,大家去附件區下載!

注:2015、12、15更新 《wordpress縮略圖 裁剪改良

有用2
  • 2014.08.09初次和大家見面了!

等待您對該主題的建議

發表評論

還能輸入240個字

Hi, 歡迎加入Wordpress技術交流群,帶你裝逼帶你飛!

我要入群
也想出現在這里?聯系我們
wordpress加速

我來推薦一個更牛逼的給你看看?

  • 猛戳我吧
夫妇野外交换HD高清版,免费A片在线观看,亚洲精品国产自在现线,中国老妇人60OLDMANTV