이미지 링크가 작동하지 않습니다. Sublime 2

Question

저는 Wordpress로 작업 중이며 맞춤 테마를 개발 중입니다. Sublime2 IDE를 사용하여 코드를 작성합니다. Chrome에서 테스트 중입니다.

브라우저에 이미지를 표시하는 데 문제가 있습니다. 나는

<img src="images/social/twitter-lg.png" alt="Twitter Icon" title="J2 Design on Twitter"> 

파일이 header.php과 같은 디렉토리에 폴더 이름을 "이미지"에 위치하고 있습니다 ... HTML로 낯선 사람을 생각하지 않고 다음과 같은 코드가 작동하지 않는 이유를 알아낼 수 없습니다 이미지를로드하려고합니다.

누구든지 나를 도울 수 있다면 크게 감사하겠습니다. WAMP를 사용하여 로컬에서 테스트하고 있습니다.

당신은 상대 URL을 사용하는

Connection:Keep-Alive 
Content-Length:254 
Content-Type:text/html; charset=iso-8859-1 
Date:Wed, 24 Apr 2013 23:04:30 GMT 
Keep-Alive:timeout=5, max=99 
Server:Apache/2.4.2 (Win64) PHP/5.4.3 

HTTP/1.1 404 Not Found 
Date: Wed, 24 Apr 2013 23:04:30 GMT 
Server: Apache/2.4.2 (Win64) PHP/5.4.3 
Content-Length: 254 
Keep-Alive: timeout=5, max=99 
Connection: Keep-Alive 
Content-Type: text/html; charset=iso-8859-1 

Answer 1

서버 응답.

<img src="/wordpress-testing/images/social/twitter-lg.png" alt="Twitter Icon" title="J2 Design on Twitter"> 

상대 URL이있는 현재의 URL를 기준으로, 그래서 당신이 http://localhost/login에있어, images/twitter.png을 요청하는 경우, 당신은 http://localhost/login/images/twitter.png를 얻을 수 있습니다 : 그것은 절대합니다.

Answer 2

문제가있는 것과 같은 소리가 경로에 있습니다. AS 블렌더가 요청 했으니 까, 절대 경로를 사용할 수는 있지만 일단 테마를 업로드하면이 과정은 변경되어야합니다.

은 PHP를 사용하여 테마 디렉토리에 상대적인 상대 URL을 계속 사용할 수있게하는 것입니다.

이 시도 :

<img src="<?php bloginfo('template_directory'); ?>images/social/twitter-lg.png" alt="Twitter Icon" title="J2 Design on Twitter"> 

<?php bloginfo('template_directory'); ?>은 템플릿 디렉토리에 상대 URL 상대 할 PHP 코드입니다. 헤더 파일이 템플릿 디렉토리의 루트에 없으면 경로의 HTML 부분을 변경해야 할 수도 있습니다.

이 정보가 도움이되기를 바랍니다.