首页 > 解决方案 > 无法在 Wordpress 树枝中显示带有 html 源标记的图像

问题描述

我正在构建一个使用 Timber 和 Twig 的主题为 Lumberjack 的 Wordpress 页面。在我的本地计算机上,图像显示没有问题,但是当我将站点移动到 WP Engine 时,图像不显示。图片和源标签大小为 0。这是 HTML:

<picture>
<source srcset="http://myurl" type="image/jpeg">
<img class="card__image" loading="lazy" src="https://myurl" alt="" role="presentation">
</picture>

正如我所说,它在本地工作,并且在本地和 WPE 上是完全相同的代码。我还尝试了浏览器中的 url 并显示图像。如果特色图像为空,则图像应显示占位符,但它也没有。

我的树枝看起来像这样:

{% if card.thumbnail|length > 0  %}
    <a href="{{ card.link }}" title="{{ card.title }}">
    <picture>
        <source srcset="{{ card.thumbnail.src('card')|tojpg }}" type="image/jpeg">
        <img class="card__image" loading="lazy" src="{{ card.thumbnail.src('card')|tojpg }}" alt="{{ card.thumbnail.alt }}" role="presentation"/>
    </picture> 
    </a>
{% else  %}
    <a href="{{ card.link }}" class="card__image-placeholder" title="{{ card.title }}"></a>
{% endif %}

有谁知道为什么图像没有显示在 WP Engine 上?

标签: wordpressimagetwig

解决方案


推荐阅读