首頁  >  文章  >  CMS教程  >  如何使用WordPress內建圖片倉庫製作縮圖

如何使用WordPress內建圖片倉庫製作縮圖

藏色散人
藏色散人原創
2020-01-07 10:14:142293瀏覽

如何使用WordPress內建圖片倉庫製作縮圖

如何使用WordPress內建圖片倉庫製作縮圖?

WordPress 不僅是部落格, 很多時候WordPress 還被用作為CMS (內容管理系統). 部落客們喜歡為每個文章加上統一大小的縮圖, 尤其是資訊類平台.其中比較常用的處理辦法是用custom field 向文章插入圖片, 透過上傳大小一致的小圖或使用phpThumb 等工具產生縮圖. 

 推薦:《wordpress教學

2.7 開始, WordPress 大幅提升多媒體功能, 越來越人使用WP 的內建圖片倉庫. 對這些用戶來說, 製作縮圖變得不那麼困難, 在上傳圖片的時候就會預設產生150x150 規格的小圖(如果圖片高度/寬度不足150px, 使用原高度/寬度). 那我們可以充分利用這個功能, 在文章列表上加上這個圖片作為縮圖. 這樣處理各有利弊, 好處是簡單, 智能(不用每次輸入縮圖), 壞處是消耗伺服器流量. 

Okay, 現在要做的就是提取上傳生成的小圖片, 並放置在文章的適當位置. 我創建了一個檔案thumb.php, 圖片取得和呼叫一起處理, 文件內容如下. 

程式碼如下:

<?php 
$args = array( 
&#39;numberposts&#39; => 1, 
&#39;order&#39;=> &#39;ASC&#39;, 
&#39;post_mime_type&#39; => &#39;image&#39;, 
&#39;post_parent&#39; => $post->ID, 
&#39;post_status&#39; => null, 
&#39;post_type&#39; => &#39;attachment&#39; 
); 
$attachments = get_children($args); 
$imageUrl = &#39;&#39;; 
if($attachments) { 
$image = array_pop($attachments); 
$imageSrc = wp_get_attachment_image_src($image->ID, &#39;thumbnail&#39;); 
$imageUrl = $imageSrc[0]; 
} else { 
$imageUrl = get_bloginfo(&#39;template_url&#39;) . &#39;/img/default.gif&#39;; 
} 
?> 
<a href="<?php the_permalink() ?>"><img class="left" src="<?php _fcksavedurl=""<?php" _fcksavedurl=""<?php" echo $imageUrl; ?>" alt="<?php the_title(); ?>" width="150" height="150" /></a>

這段程式碼會去找第一個上傳的圖片縮圖(如果第一個圖片被刪除, 則找第二個的, 如此類推...), 如果找不到任何上傳圖片則使用預設圖片 

然後在文章列表index.php,檔案頁面archive.php 和搜尋頁面search.php 中呼叫, 呼叫程式碼如下. 

程式碼如下:

<?php include(&#39;thumb.php&#39;); the_content(&#39;Read More...&#39;); ?>

這段程式碼是把圖片放在文章內容前面, 圖片如何擺放需要用CSS 調整一下佈局, 這裡就不多說了. 

以上是如何使用WordPress內建圖片倉庫製作縮圖的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn