您好,登錄后才能下訂單哦!
小編給大家分享一下使用WordPress內置圖片倉庫制作縮略圖的方法,希望大家閱讀完這篇文章后大所收獲,下面讓我們一起去探討吧!
如何使用WordPress內置圖片倉庫制作縮略圖?
WordPress 不僅是博客, 很多時候 WordPress 還被用作為 CMS (內容管理系統). 博主們喜歡為每個文章加上統一大小的縮略圖, 尤其是信息類平臺. 其中比較常用的處理辦法是用 custom field 向文章插入圖片, 通過上傳大小一致的小圖或者使用 phpThumb 等工具生成縮略圖.
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內置圖片倉庫制作縮略圖的方法有了一定的了解,想了解更多相關知識,歡迎關注億速云行業資訊頻道,感謝各位的閱讀!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。