menampilkan gambar sebagai gambar latar belakang pada halaman

8

Saya menambahkan gambar unggulan di halaman saya melalui dasbor dan saya ingin menggunakannya sebagai gambar latar belakang pada wadah kontainer halaman. Saya ingin menerapkan gambar latar belakang melalui css, jadi saya berpikir untuk meletakkan atribut style di dalam markup saya. Saya berpikir untuk membuat sesuatu seperti ini:

<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;">

Namun sayangnya ini tidak berhasil.

Ketika saya memeriksa hasilnya seperti ini: 

background: url() !important;

Apa yang salah dengan ini ? Ada saran? Terima kasih!

pages post-thumbnails custom-background agis
sumber
Sudahkah Anda mencari situs ?
kaiser
Ya saya melakukan penelitian tetapi tampaknya tidak berfungsi dengan baik, saya telah memperbarui pertanyaan saya, periksa sekarang, tolong!
Agustus

Jawaban:

12

Anda harus echomengembalikan nilai dari wp_get_attachment_image_src(). Ini juga mengembalikan sebuah Array(), jadi Anda perlu mengambil bagian yang diperlukan dari array itu. Dalam hal ini yang pertama / 0nilai. Contoh:

<?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>
Raank
sumber
Tolong jelaskan mengapa ini harus membantu OP. Terima kasih.
kaiser
@kaiser juga bekerja dengan latar belakang seperti itu, saya pemula, tidak tahu mengapa, tapi saya tahu itu bekerja untuk apa yang saya lihat di forum.
Raank
@Fera Baik, maka itu Sihir . Dan ketahuilah bahwa Sihir selalu jawabannya: D
kaiser
mungkin sedikit, tetapi yang penting adalah niatnya: P
Raank
2
Jika Anda melakukan ini dalam suatu fungsi, jangan lupa untuk mendahului kode ini global $post;.
larangan geoengineering
2

Cobalah untuk menggunakan yang the_post_thumbnail_urlfungsi :

Mendapat URL gambar langsung untuk gambar unggulan dari posting saat ini.

<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;">
Gleb Kemarsky
sumber