Festlegen eines benutzerdefinierten Platzhalterbildes im Thema Zweig/Holz

Also ich habe eine twig/timber Problem, bei dem ich Schwierigkeiten habe, ein Placeimage-Set zu bekommen, hier ist, was ich bisher habe:

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

und dann später in meinem Code habe ich:

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

post.thumbnail.src zieht die Bilder gut ein, aber wenn kein gekennzeichnetes Bild an den Beitrag angehängt ist, möchte ich das defaultimg um ein Bild aus meinem benutzerdefinierten Themen-Bildordner zu ziehen. Aber derzeit gibt dies eine wirklich fehlerhafte URL aus:

<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">

Jedoch ein {{defaultimg}} gibt die Bild-URL korrekt aus.

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

Ich bin mir nicht sicher, was ich als nächstes versuchen soll?

Dies ist ein Problem mit dem Weg twig/timber definiert Wege!!! Supper seltsame Art, Dinge zu tun, die einem Projekt unnötige Komplexität verleihen.

Allerdings gem ihre Dokumentationkönnten Sie einen Filter namens hinzufügen relative bis zum Ende deines defaultimg Variable, die eine absolute URL in eine relative URL umwandelt, die schließlich den korrekten Pfad zu Ihrem Standardbild ausgibt.

Ihr Code würde also ungefähr so ​​​​aussehen:

• Definieren Sie den Pfad zu Ihrem Standardbild:

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

HINWEIS:

Das | relative Filter wird hier den Trick tun.

• Aufruf im Bildquellenattribut:

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

Ich habe den Code gerade getestet und es hat gut funktioniert! Lass mich wissen, ob du es auch zum Laufen bringen könntest!