ACFオプションを使用して画像の背景を表示する方法

ACFプラグインをインストールおよび有効化します。WordPressの管理画面から「プラグイン」→「新規追加」を選択し、検索バーに「Advanced Custom Fields」と入力してプラグインを見つけ、インストールして有効化します。
ACFフィールドグループを作成します。ACFの設定メニューに移動し、「フィールドグループ」を選択します。新しいフィールドグループを作成し、タイトルと場所を設定します。
「背景画像」フィールドを追加します。フィールドグループの編集画面で、「フィールドを追加」をクリックし、フィールドのタイプとして「画像」を選択します。必要に応じてフィールドの設定をカスタマイズし、保存します。
テンプレートファイルにコードを追加します。画像を表示したい場所のテンプレートファイル（例: single.phpやpage.php）を開き、以下のコードを追加します。

<?php
$background_image = get_field('背景画像');
if ($background_image) {
    echo '<div class="background-image" style="background-image: url(' . $background_image['url'] . ');"></div>';
}
?>

上記のコードでは、ACFで作成した「背景画像」フィールドの値を取得し、それを背景画像として表示するdiv要素を出力しています。CSSのクラス名は適宜変更してください。

スタイルシートにCSSを追加します。背景画像を適切に表示するために、スタイルシートに以下のCSSを追加します。

.background-image {
    background-size: cover;
    background-position: center;
    /* その他のスタイルを追加 */
}

以上で、ACFオプションを使用して画像の背景を表示する方法が完了です。この方法を使用すると、WordPressのテーマやカスタムページで、動的な背景画像を簡単に表示することができます。