特色圖片方面的介紹
開發主題時的特色圖像功能算是一個難點,來看看各位前輩們開發主題時是如何實現的吧。
- 原文來源:詳情
方法二:
- 原文來源:詳情
方法/步驟
第一步,添加主題對特色圖像功能的支持
將下面代碼主題functions.php文件中:
// 添加特色圖像功能
add_theme_support('post-thumbnails');
set_post_thumbnail_size(130, 100, true); // 圖片寬度與高度,圖片的長寬可以自行修改。
第二步,添加特色圖像調用代碼
<?php
if (has_post_thumbnail()) {
// 顯示特色圖像
the_post_thumbnail();
} else {
// 設置特色圖像
$attachments = get_posts(array(
'post_type' => 'attachment',
'post_mime_type'=>'image',
'posts_per_page' => 0,
'post_parent' => $post->ID,
'order'=>'ASC'
));
if ($attachments) {
foreach ($attachments as $attachment) {set_post_thumbnail($post->ID, $attachment->ID);
break;
}
// 顯示特色圖像
the_post_thumbnail();
}
} ?>
代碼說明,如果未手動設置特色圖像,那么會自動調用第一個圖片附件的“縮略圖”作為特色圖像,并顯示它。
方法三
- 原文來源:詳情
為什么要獲取WordPress的特色圖像呢?
這主要是因為,我們已經寫好了靜態模板文件,只有獲取WordPress特色圖像地址插入進去就可以了,非常方便。
還有就是有的時候,我們需要設置圖片的寬度為100%,高度自動。這樣通過?the_post_thumbnail() 這個方法就無法實現了。
好了,看下面的方法:
獲取特色圖像:小
<?php
$thumbnail_image_url = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), 'thumbnail');
echo $thumbnail_image_url[0];
?>
獲取特色圖像:中
<?php
$medium_image_url = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), 'medium');
echo $medium_image_url[0];
?>
獲取特色圖像:大
<?php
$large_image_url = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), 'large');
echo $large_image_url[0];
?>
獲取特色圖像:完整
<?php
$full_image_url = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), 'full');
echo $full_image_url[0];
?>
獲取特色圖像:指定100X100
<?php
$array_image_url = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), array(100,100));
echo $array_image_url[0];
?>