Imagine reprezentativă ca imagine de fundal pe pagini
Adaug o imagine reprezentativă pe pagina mea prin intermediul panoului de administrare și vreau să o folosesc ca imagine de fundal pentru div-ul container al paginii. Vreau să aplic imaginea de fundal prin CSS, așa că mă gândesc să pun un atribut style în markup. Mă gândesc să fac ceva de genul:
<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;">
Dar din păcate acest lucru nu funcționează.
Când verific output-ul arată așa:
background: url() !important;
Ce este greșit aici? Aveți sugestii? Mulțumesc!

Trebuie să folosești echo
pentru a afișa valoarea returnată de wp_get_attachment_image_src()
. Această funcție returnează un Array()
, așa că trebuie să extragi partea necesară din acel array. În acest caz, este prima valoare/0
. Exemplu:
<?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>textul tău demonstrativ</p>
</div>

Te rog să explici de ce acest lucru ar trebui să ajute OP-ul. Mulțumesc.

@kaiser folosea și el fundalurile în acest fel, sunt începător, nu știu de ce, dar știu că a funcționat din ce am văzut pe un forum.

@Feera Ei bine, atunci este Magie. Și să știi că Magia este întotdeauna răspunsul :D

Încearcă să folosești funcția the_post_thumbnail_url
:
Obține URL-ul direct al imaginii reprezentative pentru postul curent.
<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;">
