Imagine reprezentativă ca imagine de fundal pe pagini

27 sept. 2013, 19:49:33
Vizualizări: 52.4K
Voturi: 10

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!

2
Comentarii

Ai căutat deja pe site?

kaiser kaiser
27 sept. 2013 19:53:41

Da, am făcut o căutare dar se pare că nu funcționează corect, am actualizat întrebarea mea, verifică acum te rog!

agis agis
27 sept. 2013 20:07:31
Toate răspunsurile la întrebare 2
5
14

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>
27 sept. 2013 20:09:15
Comentarii

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

kaiser kaiser
27 sept. 2013 20:14:02

@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.

Raank Raank
27 sept. 2013 20:22:26

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

kaiser kaiser
27 sept. 2013 20:28:28

poate fi puțin, dar ce contează este intenția :P

Raank Raank
27 sept. 2013 20:31:23

Dacă faci asta într-o funcție, nu uita să precedați acest cod cu global $post;.

Boycott A.I. Boycott A.I.
15 ian. 2016 22:15:42
0

Î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;">
15 iun. 2017 11:44:51