background_image()

WordPressのbackground_image()関数は、テーマやプラグインで背景画像を設定するために使用されます。この関数は、設定された背景画像のURLを出力します。

構文

background_image();

例1: 背景画像の表示

この例では、背景画像のURLを出力します。

<?php background_image(); ?>

例2: 背景画像をCSSで使用

背景画像をCSSの背景として使用する例です。

<style>body{background-image:url('<?php background_image(); ?>');}</style>

例3: 背景画像の有無を確認

背景画像が設定されているかどうかを確認する例です。

<?php if (background_image()) { echo '背景画像が設定されています。'; } else { echo '背景画像が設定されていません。'; } ?>

例4: 背景画像をdiv要素に適用

背景画像を特定のdiv要素に適用する例です。

<div style="background-image:url('<?php background_image(); ?>'); width:100%; height:300px;"></div>

例5: 背景画像をリンクとして使用

背景画像をリンクとして使用する例です。

<a href="<?php echo home_url(); ?>"><img src="<?php background_image(); ?>" alt="背景画像"></a>

例6: 背景画像をJavaScriptで使用

背景画像のURLをJavaScriptで使用する例です。

<script>var bgImage = "<?php background_image(); ?>"; document.body.style.backgroundImage = "url('" + bgImage + "')";</script>

例7: 背景画像を条件付きで表示

特定の条件で背景画像を表示する例です。

<?php if (is_front_page()) { background_image(); } ?>

例8: 背景画像をカスタムフィールドと組み合わせる

カスタムフィールドと組み合わせて背景画像を設定する例です。

<?php $custom_bg = get_post_meta(get_the_ID(), 'custom_background', true); if ($custom_bg) { echo '<style>body{background-image:url(' . $custom_bg . ');}</style>'; } else { background_image(); } ?>

注意点

• 背景画像が設定されていない場合、background_image()は何も出力しません。
• この関数は、テーマのcustom-background機能が有効になっている場合にのみ使用できます。