teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

4

補足修正

2021/09/15 01:52

投稿

GFP
GFP

スコア2

answer CHANGED
@@ -1,4 +1,6 @@
1
1
  amp-img の行だけで無く、他の記述を確認しないと回答しにくいと思います。
2
+ amp-img のスタイルはどのように記述していますか?
3
+ また AMP で必要となる記述はすべてできていますか?
2
4
 
3
5
  amp-img で指定した画像や Google マップの表示ということであれば、例として下記ページの記述を参考にしてはいかがでしょうか。(それ以外の点では下記ページは参考にしない方がいいかも知れませんが)
4
6
 

3

説明の補足

2021/09/15 01:51

投稿

GFP
GFP

スコア2

answer CHANGED
@@ -8,6 +8,8 @@
8
8
  <amp-img class="imgr" src="images/demo/mtcw_office.jpg" alt="" height="191" width="254" layout="responsive"></amp-img>
9
9
 
10
10
  Googleマップであれば
11
+ <script async custom-element="amp-iframe" src="https://cdn.ampproject.org/v0/amp-iframe-0.1.js"></script>
12
+ を使って
11
13
  <div class="maparea">
12
14
  <amp-iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d3270.4839572502638!2d138.41268!3d34.944477!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x601a37cea21f4f37%3A0x511c05f5fbcca14!2z6Z2Z5bKh55yM6Z2Z5bKh5biC6ae_5rKz5Yy65LiL5bO277yR77yQ77yQ77yW!5e0!3m2!1sja!2sjp!4v1418893082260" width="400" height="300" layout="responsive" sandbox="allow-scripts allow-same-origin allow-popups" frameborder="0"></amp-iframe>
13
15
  </div>

2

説明の追加

2021/09/15 01:03

投稿

GFP
GFP

スコア2

answer CHANGED
@@ -3,4 +3,12 @@
3
3
  amp-img で指定した画像や Google マップの表示ということであれば、例として下記ページの記述を参考にしてはいかがでしょうか。(それ以外の点では下記ページは参考にしない方がいいかも知れませんが)
4
4
 
5
5
  M.T.C.W. 会社概要
6
- http://www.fishmtcw.com/Corporate-Profile_amp.html
6
+ http://www.fishmtcw.com/Corporate-Profile_amp.html
7
+ このページでは画像であれば
8
+ <amp-img class="imgr" src="images/demo/mtcw_office.jpg" alt="" height="191" width="254" layout="responsive"></amp-img>
9
+
10
+ Googleマップであれば
11
+ <div class="maparea">
12
+ <amp-iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d3270.4839572502638!2d138.41268!3d34.944477!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x601a37cea21f4f37%3A0x511c05f5fbcca14!2z6Z2Z5bKh55yM6Z2Z5bKh5biC6ae_5rKz5Yy65LiL5bO277yR77yQ77yQ77yW!5e0!3m2!1sja!2sjp!4v1418893082260" width="400" height="300" layout="responsive" sandbox="allow-scripts allow-same-origin allow-popups" frameborder="0"></amp-iframe>
13
+ </div>
14
+ としています。

1

文章表現の改善

2021/09/15 01:00

投稿

GFP
GFP

スコア2

answer CHANGED
@@ -1,6 +1,6 @@
1
1
  amp-img の行だけで無く、他の記述を確認しないと回答しにくいと思います。
2
2
 
3
- amp-img で指定した画像や Google マップの表示ということであれば、例として下記ページの記述を参考にしてはいかがでしょうか。(それ以外は参考にしない方がいいかも知れませんが)
3
+ amp-img で指定した画像や Google マップの表示ということであれば、例として下記ページの記述を参考にしてはいかがでしょうか。(それ以外の点で下記ページは参考にしない方がいいかも知れませんが)
4
4
 
5
5
  M.T.C.W. 会社概要
6
6
  http://www.fishmtcw.com/Corporate-Profile_amp.html