hình ảnh đặc trưng làm hình nền trên các trang

Tôi đang thêm một hình ảnh nổi bật trên trang của mình thông qua bảng điều khiển và tôi muốn sử dụng nó làm hình nền trên div container của trang. Tôi muốn áp dụng hình nền thông qua css, vì vậy tôi đang suy nghĩ để đặt một thuộc tính style bên trong đánh dấu của mình. Tôi đang suy nghĩ để làm một cái gì đó như thế này:

<div id="<?php echo $post_name; ?>" class="page<?php echo $post_id; ?>" style="background: url(<?php wp_get_attachment_image_src( get_post_thumbnail_id(), 'large' ); ?>) !important;">

Nhưng thật không may, điều này không làm việc.

Khi tôi kiểm tra đầu ra là như thế này:

background: url() !important;

Điều gì là sai với điều này? Bất kỳ đề xuất? Cảm ơn!

Bạn cần echogiá trị trả về từ wp_get_attachment_image_src(). Nó cũng trả về một Array(), vì vậy bạn cần lấy phần cần thiết từ mảng đó. Trong trường hợp này, đó là 0giá trị / đầu tiên . Thí dụ:

<?php $thumb = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), 'full' );?>
<div id="post" class"your-class" style="background-image: url('<?php echo $thumb['0'];?>')">
<p>text demo</p>
</div>

Hãy thử sử dụng các the_post_thumbnail_urlchức năng :

Nhận URL hình ảnh trực tiếp cho hình ảnh nổi bật của bài viết hiện tại.

<div id="<?php echo post_name; ?>" class="page<?php 
echo $post_id; ?>" style="background: url(<?php 
echo get_the_post_thumbnail_url( $post_id, 'large' ); ?>) !important;">