- このトピックには12件の返信、2人の参加者があり、最後に
により9年、 3ヶ月前に更新されました。
-
投稿
-
-
お世話になります。
simplicity2.5.0e1 07-44-06-527でampをオンにしました。
AmazonJSで画像表示している画像の大きさが全て75px×75pxになってしまうのですが、これは仕様なのでしょうか？できれば通常ページと同じ大きさで表示させたいのですが？
該当のURL
http://www.bluelady.jp/david-bowie-june-19045/?amp=1#development=1ご教授ください。
よろしくお願いします。 -
AmazonJSで画像表示している画像の大きさが全て75px×75pxになってしまうのですが、これは仕様なのでしょうか？
仕様です。
AMP対応では、img画像にwidth、height属性が必要です。
けれど、AmazonJSではサイズ属性が出力されていないからそのようになります。
画像自体がサーバーにあれば、サイズ属性を取得することも可能なんですけど、外部リンク先の画像の大きさは取得できない（取得はできるけど画像を自分のサーバー内にわざわざ取り寄せる必要があるのでサイズ取得コストが高い）ので、あらかじめ決められたサイズで表示されるようにしています。
外部リンクで、width、height属性が指定されていないものは、全てそのように決められたサイズで表示されるようになっています。何とかするには、AmazonJSの出力する画像に対してwidth、height属性が付加されるようにカスタマイズするか、プラグイン開発者に要望を出すしかないかもしれません。
-
わいひらさん、ありがとうございます。
ただ、疑問があります。AmazonJSで生成されたコードは以下のようになっています。
<a title="DAVID BOWIE AND HIS GUESTS - Across The Ether -The Legendary US Brodcasts - Clear Vinyl (1 LP)" href="https://www.amazon.co.jp/DAVID-BOWIE-HIS-GUESTS-Legendary/dp/B071F38B3T?SubscriptionId=AKIAIJRFJASMQ2B5VNTA&tag=○○○○○○○-○○&linkCode=xm2&camp=2025&creative=165953&creativeASIN=B071F38B3T" target="_blank" rel="noopener noreferrer"><img src="https://images-fe.ssl-images-amazon.com/images/I/51DcNXr94dL.jpg" alt="DAVID BOWIE AND HIS GUESTS - Across The Ether -The Legendary US Brodcasts - Clear Vinyl (1 LP)" width="500" height="500" /></a>width=”500″ height=”500″という情報があるので、これを設定できないのでしょうか？
ampページを作る際には、上記コードが参照できないということなのでしょうか？
すみません。
Attachments:
-
あれれ、すみません。
コードを張ったら画像が出てしまいました。
どうしたらいいのでしょう？ -
すみません。
もう1点教えてください。
75px×75pxを160px×160pxに変更する場合は何処を修正したらいいでしょうか？子テーマでも修正可能でしょうか？
お手数をおかけしますが、よろしくお願いします。
-
#52933
確かに属性はあるのに表示されていないので、コードを精査してみたらカエレバの置換コードが悪さをしていたようなので修正してみました。
https://wp-simplicity.com/wp-content/uploads/2017/06/simplicity2.zip
試してみていただけると幸いです。 -
#52937
75px×75pxというのは、どの部分の画像のことでしょうか。 -
わいひらさま
お世話になります。
修正していただいたものをアップロードしたところバッチリ通常画像と同じサイズで表示されました。ありがとうございます。
私のブログはAmazon画像が多いので助かりました。
筆舌に尽くしがたい感謝を表明します。Simplicityを使っていて良かったです。
-
わいひらさま
お世話になります。昨日のバージョンのAMPページのYoutube再生でエラーが発生しているようです。
http://www.bluelady.jp/post-19384/?amp=1#development=1
ご確認お願いします。
-
わいひらさま
お世話になります。data-videoid=”2JywkrIiXW”が元のURLの”2JywkrIiXW8″と異なっているためでしょうか？
-
わいひらさま
お世話になります。
とりあえず、libの中のamp.phpの85行目
$the_content = preg_replace(‘{(https://www.youtube.com/embed/\w+)[^”\’]+}i’, ‘$1’, $the_content);
をコメントアウトしています。
私には本来この行がどうあるべきなのか分かりません。力不足ですみません。
-
おそらく、その不具合はこのトピックで公開したバージョンとかは関係なく、以前からあった不具合のようです。
とりあえず修正したものを、v2.5.6aとして以下にアップしておきました。
https://wp-simplicity.com/downloads/downloads2/
よろしければ試していただけると幸いです。以下のようにたった一文字のミスでした。
修正前
$the_content = preg_replace('{(https://www.youtube.com/embed/\w+)[^"\']+}i', '$1', $the_content);
修正後
$the_content = preg_replace('{(https://www.youtube.com/embed/\w+)[^"\']*}i', '$1', $the_content);教えていただき、ありがとうございます！
-
わいひらさま
お世話になります。
最新バージョンで問題なく表示されるようになりました。
ありがとうございました。今後ともよろしくお願いします。
-
- トピック「AmpページでのAmazon画像について」には新しい返信をつけることはできません。