如何使用WordPress內建圖片倉庫製作縮圖?
WordPress 不僅是部落格, 很多時候WordPress 還被用作為CMS (內容管理系統). 部落客們喜歡為每個文章加上統一大小的縮圖, 尤其是資訊類平台.其中比較常用的處理辦法是用custom field 向文章插入圖片, 透過上傳大小一致的小圖或使用phpThumb 等工具產生縮圖.
推薦:《wordpress教學》
2.7 開始, WordPress 大幅提升多媒體功能, 越來越人使用WP 的內建圖片倉庫. 對這些用戶來說, 製作縮圖變得不那麼困難, 在上傳圖片的時候就會預設產生150x150 規格的小圖(如果圖片高度/寬度不足150px, 使用原高度/寬度). 那我們可以充分利用這個功能, 在文章列表上加上這個圖片作為縮圖. 這樣處理各有利弊, 好處是簡單, 智能(不用每次輸入縮圖), 壞處是消耗伺服器流量.
Okay, 現在要做的就是提取上傳生成的小圖片, 並放置在文章的適當位置. 我創建了一個檔案thumb.php, 圖片取得和呼叫一起處理, 文件內容如下.
程式碼如下:
<?php $args = array( 'numberposts' => 1, 'order'=> 'ASC', 'post_mime_type' => 'image', 'post_parent' => $post->ID, 'post_status' => null, 'post_type' => 'attachment' ); $attachments = get_children($args); $imageUrl = ''; if($attachments) { $image = array_pop($attachments); $imageSrc = wp_get_attachment_image_src($image->ID, 'thumbnail'); $imageUrl = $imageSrc[0]; } else { $imageUrl = get_bloginfo('template_url') . '/img/default.gif'; } ?> <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('thumb.php'); the_content('Read More...'); ?>
這段程式碼是把圖片放在文章內容前面, 圖片如何擺放需要用CSS 調整一下佈局, 這裡就不多說了.
以上是如何使用WordPress內建圖片倉庫製作縮圖的詳細內容。更多資訊請關注PHP中文網其他相關文章!