Festlegen eines benutzerdefinierten Platzhalterbildes im Thema Zweig/Holz

Lesezeit: 2 Minuten

Benutzeravatar von ShrockCo
ShrockCo

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!

  • Ich möchte Ihnen danken, dass Sie sich die Zeit genommen haben, mir das zu erklären. Ich habe eine Anschlussfrage: Es scheint, dass manchmal die | resize(360, 240) bringt nur die URL zum Standardbild durcheinander, wie in diesem Beispiel hier: BildLink Hätten Sie zufällig eine Idee, warum dies passieren würde?

    – ShrockCo

    24. Oktober 2021 um 2:15 Uhr


  • Kein Problem! Freue mich zu helfen! Stellen Sie sicher, dass Sie den Code verwenden, den ich Ihnen zur Verfügung gestellt habe. Der von mir bereitgestellte Code funktioniert bei mir einwandfrei. Hier ist ein Screenshot. Beide featured image und custom placeholder image funktioniert gut!

    – Ruvee

    24. Oktober 2021 um 2:55 Uhr

1386930cookie-checkFestlegen eines benutzerdefinierten Platzhalterbildes im Thema Zweig/Holz

This website is using cookies to improve the user-friendliness. You agree by using the website further.

Privacy policy