我正在嘗試將自定義欄位圖庫影像分配為光滑幻燈片包裝上的背景影像。
foreach ($gallery_image_ids as $gallery_image_id ) {
$slides .= "<div class='slick-slide-wrap' >";
$slides .= wp_get_attachment_image( $gallery_image_id, 'large');
$slides .= "</div>";
}
我已經能夠使用影像標簽進行設定。但是，我希望能夠將它設定為上面容器上的背景影像，但是當我嘗試下面的代碼時它一直出錯。
$test = wp_get_attachment_url( $gallery_image_id, 'large');
foreach ($gallery_image_ids as $gallery_image_id ) {
$slides .= "<div class='slick-slide-wrap' background-image: url(' .$test. ')>";
$slides .= wp_get_attachment_image( $gallery_image_id, 'large');
$slides .= "</div>";
}
uj5u.com熱心網友回復：
wp_get_attachment_image您正在使用的函式回傳一個 HTML img 元素。
您需要的是wp_get_attachment_image_url回傳影像 URL：https ://developer.wordpress.org/reference/functions/wp_get_attachment_image_url/
$slides .= '<div style="background-image: url(' . wp_get_attachment_image_url( $gallery_image_id, 'large') . ');">';
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/513630.html
標籤：php
上一篇：如何將php添加到行內樣式背景影像Wordpress
下一篇：平均值函式在空陣列上回傳亂數