2017-02-09 7 views
1

私はWordPressテーマを作成しています。私はCSSの背景画像のプロパティを持つセクションを持っています。例投稿サムネイル機能で背景画像を変更するにはWordPress

マイHTML

<div class="header"></div> 

マイCSS

.header{ 
    background-image:url('../path/images/image.jpg'); 
} 

今、私は、このセクションの動的にしたいです。ユーザは背景画像を変更することができる。 今、私はpost_thumbnail()機能を使用して画像を変更しようとしていましたが、私たちは<img/>タグだけを使用することができます。

WordPressに背景画像を変更するための方法や機能はありますか?

+0

CSSの場合は、インラインスタイルを試してみませんか? –

+0

背景が動的になっているため、インラインでスタイルを設定する必要があります。コードは下記をご確認ください。私はそれに答えました。 @ダニエル –

答えて

1

これを試してください。それは私のために働いた。 :)

<?php $thumb = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), 'full'); ?> 

<div class="header" style="background-image: url('<?php echo $thumb['0'];?>')"> 
</div> 
1

これはCSSでは不可能です。あなたはPHPページまたはテンプレートで記述する必要があります。

コード下記参照してください。

ここ
<div style="background-image: url(<?php echo get_the_post_thumbnail_url($post->ID); ?>)" class="header"></div> 

、 '$ポスト> IDは' ポスト/ページのIDです。

私はこれが役に立ちます。

関連する問題