Wordpress는 이상하게도 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'); 

때마다 중 하나를 나는 URL을 얻는 두 가지 방법을 시도했습니다

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

이러한 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 버전의 렌더링 된 값을 수정합니까? URL이 확인 반환하는 경우

Answer 1

은 그때는 아마 제대로

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