WordPressのウィジェットでアップした画像のURLだけ取得したい

WordPressのウィジェットでアップした画像のURLを取得し、任意の固定ページに表示したいと思っています。

▼function.php
function my_widgets_init() {
  register_sidebar( array(
    'name' => 'ヘッダー画像',
    'id' => 'header_image',
		// ウィジェットの直前に表示するHTML
		'before_widget' => '',
		// ウィジェットの直後に表示するHTML
		'after_widget'  => '',
		// ウィジェット内のタイトルの直前に表示するHTML
		'before_title'  => '',
		// ウィジェット内のタイトルの直後に表示するHTML
		'after_title'   => '',
  ) );
}
add_action( 'widgets_init', 'my_widgets_init' );

▼表示するアーカイブページテンプレート
<?php
if ( is_active_sidebar( 'header_image' ) ) {
  // ウィジェットを表示。
	dynamic_sidebar( 'header_image' );
}
?>

上記の記述を追加したのですが、URLではなくimgタグ込みで表示されてしまう状態です。
（背景画像に設定したいのでURLだけ取得したい）

どのようにすれば画像のURLだけを取得することができますでしょうか？

tabuu

2021/08/12 01:22

提示されているソースにimgタグを表示するコードがありませんが、どのようにされているのでしょうか？

heureux

2021/08/12 15:55 編集

コメントありがとうございます！取得したURLを$header_image_urlに入れて、 <header style="background-image: url('<?php echo $header_image_url ?>')"></header> で背景画像として表示予定です！

webgoto

2021/08/12 23:23

>>imgタグ込みで表示されてしまう状態の$header_image_urlを今どのようにして取得しているかの記載が必要だと思われます。

heureux

2021/08/12 23:55

失礼しました。dynamic_sidebar( 'header_image' )がechoされてしまうので、もともと <header style="background-image: url(' <?php if ( is_active_sidebar( 'header_image' ) ) { // ウィジェットを表示。 dynamic_sidebar( 'header_image' ); } ?> ')"></header> というふうに書いていた次第です。

行動規範の内容に同意します

回答1件

ベストアンサー

echoされる内容を取得して、正規表現で抜き出す形で考えてみました。

php
1<?php
2if ( is_active_sidebar( 'header_image' ) ) {
3	ob_start(); //出力をバッファに保存
4	dynamic_sidebar( 'header_image' );
5	$html = $wp_head = ob_get_contents();
6	ob_end_clean(); // バッファを削除
7	preg_match('/<img.*?src\s*=\s*[\"|\'](.*?)[\"|\'].*?>/i', $html, $matches);//imgタグのsrcの値を正規表現で取得
8	$header_image_url = $matches[1];
9	echo $header_image_url;
10}