URLpressはURLを奇妙にエコーする

Question

コードのセクションでは、メニュータイトルと関連する特集画像を表示しようとしています。

機能を備えた画像はこのように、<div>要素の背景になるだろう：

$image = get_the_post_thumbnail_url($menu->object_id, 'full'); 

$thumbnail = wp_get_attachment_image_src(get_post_thumbnail_id($menu->object_id), 'full'); 

たびのいずれかを：

echo '<div style="width:100%;background-image:url("'.$thumbnail[0].'")"><h1>'. $menu->title .'</h1></div></a>'; 

私はURLを取得する二つの異なる方法を試してみましたこれらのURLはブラウザにレンダリングされ、URLはこれから完全に文字化けします。

"http://localhost:8085/wp-content/uploads/D_DSC0130.png" 

これに：

url(" http:="" localhost:8085="" wp-content="" uploads="" d_dsc0130.png")"=""> 

これまでに投稿された記事やディスカッションでは、何も似たようなことはありません。このサイトはIISでホストされ、PHP 7.1.7で動作します。

私はすでにこれで返された値を脱出しようとしてきた：

echo '<div style="width:100%;background-image:url("'.esc_url($thumbnail[0]).'")"><h1>'. $menu->title .'</h1></div></a>'; 

私はこれをエコーた場合、URLは罰金であり、画像がページ上に表示されます。

echo '<img src="'.esc_url($image).'" />'; 

どのようにすることができますdivバージョンのレンダリングされた値を修正しますか？

Answer 1

URLがOK返却されている場合、あなたはおそらく出力にそれをエスケープする必要があり、適切に

echo '<div style="width:100%;background-image:url("'.esc_url($thumbnail[0]).'")"><h1>'. $menu->title .'</h1></div></a>';