2017-01-14 1 views
1

내 CPT에 내 이미지가 표시되지 않습니다.내 이미지가 CPT에 표시되지 않는 이유는 무엇입니까?

내 코드에서 WordPress의 CPT에 표시하려면이 코드를 사용하고 있습니다.

.list-single.single { 
    background: url('images/highlights man.png'); 
    height: 40px; 
    width: 40px; 
    display: block; 
} 

이것은 CPT에서 이미지를 표시하는 데 사용하는 CPT 코드입니다.

<li class="slide"> 
    <div class="list-image single"><span class="list-single single"></span></div> 
    <h1 class="block-heading left mobile small"><?php echo $text; ?></h1> 
</li> 

이미지의 파일 이름입니다.

enter image description here

사람은 잘못이 무엇인지 말해 주시겠습니까?

+1

이미지가 어디에 있습니까, 미디어 라이브러리를 통해 업로드 했습니까? 해당 경로가 작동하지 않으면 요소를 검사하거나 콘솔 오류를 확인하십시오. – Stickers

+1

여기에 페이지에 대한 링크를 추가 할 수 있습니까? – BenB

답변

0

당신을 업로드 한 때문이다 이미지를 WordPress를 사용하지만 이미지를 테마 내 정적 폴더에서 CSS를 사용하여 참조했습니다.

이제이 이미지를 맞춤형 소식 유형이나 게시물의 이미지로 사용하지 않고 프런트 엔드의 게시물 유형을 장식하는 부분으로 사용하는 경우 그것을 당신의 주제 안에 넣어야합니다. 바람직하게는 /images 폴더 안에 있습니다.

는 테마 폴더 구조는 다음과 같습니다 말 :

index.php 
style.css 
\css 
\js 
\images 
    Higlights-man.png 

다음 올바른 파일을 가리켜 야 당신 style.css

background: url('images/Higlights-man.png'); 

에 배치.

WordPress를 통해 이미지를 업로드하지 마시고 업로드 된 이미지를 실수로 쉽게 삭제할 수 있으므로 귀하의 CSS에서 직접 경로를 사용하십시오. 설치의 폴더 구조를 변경할 수 있으며 해당 경로는 더 이상 존재하지 않습니다. 유효한.

테마에 사용 된 모든 정적 이미지는 /images 폴더 안에 있어야합니다.

0

잘못된 이미지 이름을 작성했습니다.
그것은 다음과 같이해야합니다 :

background: url('images/Higlights-man.png'); 

을하고 이미지가 업로드 디렉토리에있는 경우 당신은 완전히 경로를 사용해야합니다 같은 어떤 것을 :

background: url('http://example.com/wp-content/uploads/2017/01/Higlights-man.png'); 
관련 문제