新しくなったエロジンへようこそ
10月まで旧サイトを公開しています。
https://old.erozine.jp
画像が見れない報告が目立っております
原因究明までお時間をいただくことがあります
2024.06.23(日)
対策として画像サーバ変更ボタンが設置されました
ギニューのチェンジが表示されれば成功です

AMPバージョンはこちら

今日はAMPのエラーを修正しました

日付2018-02-05T22:01:00
分類
画像0枚
訪問数

今日はAMPのエラーを修正しました。

<amp-img src="hoge.jpg" width="640" height="1022" / layout="responsive"><amp-img>

imgタグ内に『/』がはさまっています。こんな小さいミスでもAMPの適用外となり、AMPページとして検出されません。原因はこちらになります。

pattern = re.compile(r'<img([^>]+)src="https?://([\w/\.\-]+)\.(jpe?g|png|gif)"([^>]*)>')

kiji['body'] = re.sub(pattern, r'<amp-img \1src="https://\2.\3"\4 layout="responsive"></amp-img>', kiji['body'])

通常のページにあるimgタグはAMP用に置換されますが、その時『<img src="aa.jpg" width="200" height="200" />』のようにimgタグの最後尾にスラッシュがついてる場合、その次にスペースを入れてresponsiveエレメントを導入しています。

IMGタグにスラッシュをつけるのはもう古いので最近はしていませんでしたが、昔の記事ではついたままでした。下記を実行してスラッシュを全て取り除き、完了です。

content = re.sub(pattern, r'/', content)
mongo.kiji.update({status: '公開', content: content});
日付2018-02-05T22:01:00
分類
画像0枚
訪問数
最後までお読みいただき有難うございました
Thank you for watching until the end

似たような記事