web-dev-qa-db-ja.com

ホームページのdivにカスタム背景を追加する

ホームページの特定のdivにカスタマイザーで変更できる画像を掲載したい。ドキュメントでbodyのカスタム背景を見ました（ https://codex.wordpress.org/Custom_Backgrounds ）しかし、特定のdivのためにそれを作りたいのです。 #featured-home-image。どうやって？

$args = array(
    'default-color' => '000000',
    'default-image' => '%1$s/images/background.jpg',
);
add_theme_support( 'custom-background', $args );
theme-customizercustom-background
4
Emir Dupovac

独自のハンドラを指定するには、wp-head-callback引数を使用します。

add_theme_support( 'custom-background', array(
    'wp-head-callback' => 'wpse_189361_custom_background_cb',
    'default-color'    => '000000',
    'default-image'    => '%1$s/images/background.jpg',
));

function wpse_189361_custom_background_cb() {
    ob_start();

    _custom_background_cb(); // Default handler

    $style = ob_get_clean();
    $style = str_replace( 'body.custom-background', '#featured-home-image', $style );

    echo $style;
}
4
TheDeadMedic