使用WordPress內(nèi)置圖片倉(cāng)庫(kù)制作縮略圖的方法

小編給大家分享一下使用WordPress內(nèi)置圖片倉(cāng)庫(kù)制作縮略圖的方法，希望大家閱讀完這篇文章后大所收獲，下面讓我們一起去探討吧！

如何使用WordPress內(nèi)置圖片倉(cāng)庫(kù)制作縮略圖？

WordPress 不僅是博客, 很多時(shí)候 WordPress 還被用作為 CMS (內(nèi)容管理系統(tǒng)). 博主們喜歡為每個(gè)文章加上統(tǒng)一大小的縮略圖, 尤其是信息類平臺(tái). 其中比較常用的處理辦法是用 custom field 向文章插入圖片, 通過(guò)上傳大小一致的小圖或者使用 phpThumb 等工具生成縮略圖.

2.7 開(kāi)始, WordPress 大幅提升多媒體功能, 越來(lái)越多人使用 WP 的內(nèi)置圖片倉(cāng)庫(kù). 對(duì)這些用戶來(lái)說(shuō), 制作縮略圖變得并不那么困難, 在上傳圖片的時(shí)候就會(huì)默認(rèn)生成 150x150 規(guī)格的小圖 (如果圖片高度/寬度不足 150px, 使用原高度/寬度). 那我們可以充分利用這個(gè)功能, 在文章列表上加上這個(gè)圖片作為縮略圖. 這樣處理各有利弊, 好處是簡(jiǎn)單, 智能 (不用每次輸入縮略圖), 壞處是消耗服務(wù)器流量.

Okay, 現(xiàn)在要做的就是提取上傳生成的小圖片, 并放置在文章的適當(dāng)位置. 我創(chuàng)建了一個(gè)文件 thumb.php, 圖片獲取和調(diào)用一起處理, 文件內(nèi)容如下.

代碼如下:

<?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>

這段代碼會(huì)去找第一個(gè)上傳的圖片縮略圖 (如果第一個(gè)圖片被刪除, 則找第二個(gè)的, 如此類推...), 如果找不到任何上傳圖片則使用默認(rèn)圖片

然后在文章列表 index.php, 存檔頁(yè)面 archive.php 和搜索頁(yè)面 search.php 中調(diào)用, 調(diào)用代碼如下.

代碼如下:

<?php include('thumb.php'); the_content('Read More...'); ?>

這段代碼是把圖片放在文章內(nèi)容前面, 圖片如何擺放需要用 CSS 調(diào)整一下布局, 這里就不多說(shuō)了.

看完了這篇文章，相信你對(duì)使用WordPress內(nèi)置圖片倉(cāng)庫(kù)制作縮略圖的方法有了一定的了解，想了解更多相關(guān)知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道，感謝各位的閱讀！