カスタムヘッダーでPC用とスマホ用の画像設定ができるコードについて

Question

WordPressでカスタムヘッダーを作成中です。
PC用とスマホ用とで違う画像に表示を切り替える方法を取りたいと考えています。
カスタマイズするパネルから、PCとスマホとそれぞれ画像を選べる様にするにはどのようなコードにすれば教えていただけないでしょうか。

###現在「functions.php」に入れているコード

//カスタムヘッダー
add_theme_support( 'custom-header', array(
		'width' => 1920,
		'height' => 1080,
		'default-image' => '%s/hader.jpg',
		'header-text' => false,
		'wp-head-callback' => 'my_header_style'
		));

function my_header_style() {
	if ( is_front_page() && get_header_image() ) {
?>

<style>
h2{
	background-image:url(<?php header_image(); ?>);}
</style>

<?php
}
}
add_action( 'wp_head', 'my_header_style' );

Comments

[退会済みユーザー]

考え方を変えた方が良い

[romrom]

回答ありがとうございます。
カスタマイザーを編集するやり方に変えてみます。

Answer 1

カスタマイザーを編集してパネルを追加して対応することにしました。

こちらの方のまとめを参考にさせていただきました。
WordPress 自作カスタマイザーの作り方

パネルを編集してPC用、スマホ用の画像をアップロードできるようにし、あとはCSS等で対応します。
ありがとうございました。