amp用のHTMLをWordPressで書いているのですが、画像が表示されず困っています。
元コード↓
PHP
1<?php if ($myAmp) { 2 echo '<amp-img layout="responsive"'; 3 } else { 4 echo '<img'; 5 } ?> src="<?php echo $src; ?>" alt="<?php echo bloginfo('name'); ?>" width="<?php echo $width; ?>" height="<?php echo $height; ?>" > 6 <?php if ($myAmp) { 7 echo '</amp-img>'; 8 }?>
出力コード↓
HTML
1<amp-img layout="responsive" src="http://example.com/img/no-img.gif" alt="御用人" width="1200" height="293" class="i-amphtml-element i-amphtml-layout-responsive i-amphtml-layout-size-defined"> 2 <i-amphtml-sizer style="padding-top: 24.4167%;"></i-amphtml-sizer> 3</amp-img>
同じページに貼った別の画像はうまく表示されており、出力コードはこのようになっています
HTML
1<amp-img layout="responsive" src="http://example.com/img/no-img.gif" alt="御用人" width="1200" height="293" class="i-amphtml-element i-amphtml-layout-responsive i-amphtml-layout-size-defined i-amphtml-layout"> 2 <i-amphtml-sizer style="padding-top: 24.4167%;"></i-amphtml-sizer> 3 <img decoding="async" alt="NO IMAGE" src="http://example.com/img/no-img.gif" class="i-amphtml-fill-content i-amphtml-replaced-content"> 4</amp-img>
いろいろ試してみましたが、画像のURLと元コードには問題がないと考えられるので、ampでの画像の張り方のルールとして問題があるのではないかと考えています。
どなたか、ご教授いただければ幸いです。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。