잔가지/시간 표시자 테마에서 사용자 정의 자리 표시자 이미지 설정

잔가지/시간 표시자 테마에서 사용자 정의 자리 표시자 이미지 설정

그래서 저는 지금twig/timber장소 이미지 세트를 얻는 데 어려움을 겪는 문제는 다음과 같습니다.

{% set defaultimg = site.theme.link ~ '/images/placeimage.png' %}

그 후 코드에는 다음과 같은 것이 있습니다.

<img src="{{ post.thumbnail.src | default(defaultimg) | resize(360, 240)}}" class="card-img-top">

post.thumbnail.src는 이미지를 정상적으로 끌어당깁니다만, 피처링 Img가 포스트에 접속되어 있지 않은 경우,defaultimg커스텀 테마 이미지 폴더에서 이미지를 가져옵니다.그러나 현재 이 url에는 다음과 같은 매우 잘못된 url이 출력되고 있습니다.

<img src="https://toolcart.local/wp-contentC:\Users\User\Local Sites\toolcart\app\public\wp-content\themes\toolcart-theme\images/placeimage-360x240-c-default.png" class="card-img-top">

단,{{defaultimg}}는 이미지 URL을 올바르게 출력합니다.

https://toolcart.local/wp-content/themes/toolcart-theme/images/placeimage.png

다음에 뭘 해야 할지 모르겠어요.

이것은 방법에 관한 문제다.twig/timber정의 경로!!!프로젝트에 불필요한 복잡성을 가중시키는 이상한 저녁 식사 방법.

즉, 그들의 설명서에 따르면, 당신은 다음과 같은 필터를 추가할 수 있습니다.relative끝까지defaultimg절대 URL을 상대 URL로 변환하여 최종적으로 기본 이미지에 대한 올바른 경로를 출력합니다.

코드는 다음과 같습니다.

• 기본 이미지에 대한 경로 정의:

{% set defaultimg = Image(site.theme.link ~ '/images/placeimage.png') | relative %}

주의:
그| relative필터는 여기서 효과를 발휘합니다.

• 이미지 소스 속성으로 호출:

<img src="{{ post.thumbnail.src | default(defaultimg) | resize(360, 240)}}" class="card-img-top">

방금 코드를 테스트했는데 잘 작동했어요!너도 작동시킬 수 있는지 알려줘!

언급URL : https://stackoverflow.com/questions/69621641/setting-a-custom-place-holder-image-in-twig-timber-theme