immagine in primo piano come immagine di sfondo sulle pagine

Sto aggiungendo un'immagine in primo piano sulla mia pagina attraverso la dashboard e voglio usarla come immagine di sfondo sul div contenitore della pagina. Voglio applicare l'immagine di sfondo tramite CSS, quindi sto pensando di inserire un attributo di stile nel mio markup. Sto pensando di fare qualcosa del genere:

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

Ma sfortunatamente questo non funziona.

Quando controllo l'output è così:

background: url() !important;

Cosa c'è di sbagliato in questo? Eventuali suggerimenti? Grazie!

pages post-thumbnails custom-background

— AGIS
fonte

Hai già cercato nel sito ?

— Kaiser

Sì, ho fatto una ricerca ma sembra non funzionare correttamente, ho aggiornato la mia domanda, controlla ora per favore!

— agis,

Risposte:

È necessario echoil valore restituito da wp_get_attachment_image_src(). Restituisce anche un Array(), quindi è necessario afferrare la parte necessaria da quell'array. In questo caso è il primo / 0valore. Esempio:

<?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
fonte

Spiegare perché ciò dovrebbe aiutare il PO. Grazie.

— Kaiser

Anche @kaiser stava lavorando con gli sfondi in quel modo, sono un novizio, non so perché, ma so che ha funzionato per quello che ho visto in un forum.

— Raank,

@Feera Bene, allora è Magia . E sappi che Magic è sempre la risposta: D

— kaiser,

può essere piccolo, ma ciò che conta è l'intenzione: P

— Raank,

Se lo stai facendo in una funzione, non dimenticare di precedere questo codice con global $post;.

— divieto di geoingegneria dal

Prova a usare la the_post_thumbnail_urlfunzione :

Ottiene l'URL dell'immagine diretta per l'immagine in primo piano del post corrente.

<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
fonte