如何使用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 等工具生成縮略圖.?

?推薦:《wordpress教程

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

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

代碼如下:

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

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

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

代碼如下:

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

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

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

? 版權(quán)聲明
THE END
喜歡就支持一下吧
點(diǎn)贊10 分享