Smart Custom Fields 画像を背景画像にする方法

背景にしたい要素にstyleで画像のURLを指定する

<div class="storyblok" style="background-image:url(<?php echo wp_get_attachment_url($fields['img']);?>);">
</div>

例

<?php
$storyblok = array_slice(scf::get('STORY'), 1);
if (!empty($storyblok[0])) {
foreach ($storyblok as $fields) { ?>

<div class="storyblok" style="background-image:url(<?php echo wp_get_attachment_url($fields['img']);?>);">
<div class="inner">
<div class="story-textarea fade">
<h3><?php echo $fields['title']; ?></h3>
<p><?php echo $fields['text']; ?></p>
</div> <!-- /story-textarea -->
</div> <!-- /inner -->
</div> <!-- /storyblok -->

<?php }
} ?>

繰り返しフィールドで

見出し（h3）
テキスト
画像

を入力。

配列の形で$storyblokに格納。

それぞれ必要なときによびだす。