ページの背景画像としての注目画像

ダッシュボードを使用してページに注目画像を追加し、それをページのコンテナーdivの背景画像として使用したいと思います。CSSで背景画像を適用したいので、マークアップ内にスタイル属性を配置することを考えています。私はこのようなものを作ることを考えています：

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

しかし、残念ながらこれは機能していません。

出力を確認すると、次のようになります。

background: url() !important;

これの何が問題になっていますか？助言がありますか？ありがとう！

pages post-thumbnails custom-background

— アギス
ソース

あなたが持っているすでにサイトを検索？

— kaiser 2013

はい、調査を行いましたが、適切に機能していないようです。質問を更新しました。今すぐ確認してください！

— agis 2013

回答:

からechoの戻り値が必要wp_get_attachment_image_src()です。また、を返すArray()ので、その配列から必要な部分を取得する必要があります。この場合、それは最初の0値です。例：

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

— ランク
ソース

これがOPに役立つ理由を説明してください。ありがとう。

— カイザー2013

@kaiserもそのように背景を扱っていました。私は初心者です。理由はわかりませんが、フォーラムで目にしたものでうまくいったことはわかっています。

— Raank

@Feeraさて、それはマジックです。そして、マジックが常に答えであることを知ってください：D

— kaiser

少しかもしれませんが、重要なのは意図です：P

— Raank

関数でこれを行う場合は、このコードの前にを付けることを忘れないでくださいglobal $post;。

— ban-geoengineering

関数を使用してthe_post_thumbnail_urlみてください：

現在の投稿の注目画像のダイレクト画像URLを取得します。

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

— グレブ・ケマルスキー
ソース