一区二区三区在线-一区二区三区亚洲视频-一区二区三区亚洲-一区二区三区午夜-一区二区三区四区在线视频-一区二区三区四区在线免费观看

服務器之家:專注于服務器技術及軟件下載分享
分類導航

DEDECMS|帝國CMS|Discuz|PHPCMS|Wordpress|ZBLOG|ECSHOP|蘋果CMS|極致CMS|CMS系統|

服務器之家 - 建站程序 - Wordpress - 使用WordPress內置圖片倉庫制作縮略圖的小技巧

使用WordPress內置圖片倉庫制作縮略圖的小技巧

2019-09-25 14:19WordPress大學 Wordpress

WordPress 不僅是博客, 很多時候 WordPress 還被用作為 CMS (內容管理系統). 博主們喜歡為每個文章加上統一大小的縮略圖,

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; ?>" /> 這段代碼會去找第一個上傳的圖片縮略圖 (如果第一個圖片被刪除, 則找第二個的, 如此類推...), 如果找不到任何上傳圖片則使用默認圖片 
然后在文章列表 index.php, 存檔頁面 archive.php 和搜索頁面 search.php 中調用, 調用代碼如下. 

復制代碼

代碼如下:


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


這段代碼是把圖片放在文章內容前面, 圖片如何擺放需要用 CSS 調整一下布局, 這里就不多說了. 
最后我兩留兩個問題給同學們
1. 如果圖片高度或者寬度不足 150px, 這樣做必然將圖片拉伸, 很不美觀. 用什么辦法可以讓圖片都顯示為 150x150, 并居中顯示? 提示: 可以用 CSS 實現, 類似方法可以在 Elegant Box 主題中找到. 
2. 在文章列表中, 我們只希望看到縮略圖, 而屏蔽其他所有圖片, 除了使用文章摘要去除所有標簽樣式, 是否有其他方法可以做到?

延伸 · 閱讀

精彩推薦
主站蜘蛛池模板: 双子母性本能在线 | 日本人成动漫网站在线观看 | 欧美男同video | 欧美成a人片免费看久久 | 激情三级做爰在线观看激情 | 色婷婷影院在线视频免费播放 | 亚州日韩精品AV片无码中文 | 亚洲一卡2卡三卡4卡5卡组 | 男gaygays免费网站多人 | 国产精品手机视频一区二区 | 日本搜子同屋的日子2国语 日本爽p大片免费观看 | 国产精品免费看久久久香蕉 | 99热色| 国产午夜免费秋霞影院 | 国产清纯白嫩大学生正在播放 | 四虎影视永久在线精品免费 | 国产伊人久久 | 久久re这里精品在线视频7 | 成人精品一区久久久久 | bbc japanese黑人强行 | 日本手机在线 | 国产福利免费看 | 男人使劲躁女人视频免费 | 日本护士厕所xxx | 521色香蕉网在线观看免费 | 99久视频 | 操尼姑| 人配人种视频xxxx | 秋霞午夜伦午夜高清福利片 | 午夜网 | 粉嫩高中生第一次不戴套 | xxxx18日本视频xxxxx | 亚洲精品www久久久久久久软件 | www.91在线视频 | 四虎影视在线影院在线观看观看 | japan孕妇孕交 | 亚洲精品午夜级久久久久 | 好爽好深好猛好舒服视频上 | 校园全肉高h湿一女多男 | 丰满大屁股美女一级毛片 | 青草久久影院 |