我已經創建了一個連接到我的自定義帖子型別的圖片ACF自定義欄位。然而，如果沒有選擇圖片，它將從媒體庫中檢索一個默認的圖片。
為了顯示圖片，如果檢查get_field('box_image')為空/無，則默認使用get_theme_file_uri('/assets/images/img.jpg');函式顯示所選圖片。
所有的圖片都在下面正確顯示，因為我設定了add_image_size為250x180，但是我怎樣才能讓默認的圖片（第二張）也呈現為250x180？
下面是我的代碼：
$image = get_field('box_image') 。
//$size = ['size']['box_bg_image'];
if (!empty($image)) {
<img src="<?php echo esc_url($image['size']['box_bg_image']); ? >"/span> />
} else {
<img src="<?php echo get_theme_file_uri('/assets/images/img.jpg'); ? >" />
}
functions.php:
add_image_size('box_bg_image', 250, 180, array('center', 'center') )。
css:
.bg-image img { opacity: 0.4; width: 100%; vertical-align: top; transition: opacity 0.35s; }
我試過這些類似的輸出，但我得到了錯誤的結果：
我試過這些類似的輸出，但我得到了錯誤的結果。
<img src="<?php echo get_theme_file_uri('/assets/images/city.jpg')[' sizes']['box_bg_image']; ?> "/span>/>
<img src="<?php echo get_theme_file_uri('/assets/images/city.jpg'), $size; ? >" />
我試著在網上搜索，看看是否有可能為get_theme_file_uri影像設定大小，但我似乎沒有找到解決方案。
我是否應該使用一個不同的函式來分配大小？
編輯：
我想出了這個辦法，雖然我不是100%的正確做法。
<img src="<?php echo wp_get_attachment_image_src(158, 'box_bg_image')[0]; ? > "/>
我知道get_theme_file_uri()檢索一個引數，而wp_get_attachment_image_src()可以接受多個引數，所以我認為這將是選擇默認圖片的一種方式。
如果有人有其他建議，請讓我知道。
uj5u.com熱心網友回復：
使用object-fit屬性來達到這個目的
這里有一些，可以參考這個以獲得更多關于object-fit的資訊 :
contain :影像保持其長寬比，但被調整為適合給定的尺寸
。
覆寫 : 該影像保持其長寬比并填滿給定的尺寸。影像將被剪切以適應
無 : 影像保持其長寬比并填滿給定的尺寸。
無 : 影像不被調整大小
。
scale-down :影像被縮減為none或contain的最小版本
uj5u.com熱心網友回復：
試試這個
<img src="< ? php echo $fetch['image]" width="200px"/span> height="200px"/span>>
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/326652.html
標籤：