「メイド・イン・ヘブン」スキン適用中

Cocoonフォーラム

サイト内検索
書き込みの前に以下の3点をご確認ください。
  1. 1つのトピックにつき1つの質問を書き込んでください
  2. 不具合・カスタマイズ対象ページのURLを提示高速化を無効にしてください
  3. 該当部分のキャプチャ・環境情報とともに書き込んでいただけると助かります

何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。

不具合・カスタマイズ対象ページのURL:

相談内容:

不具合の発生手順:

解決のために試したこと:

※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報:

※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。

環境情報の取得方法はこちら。
https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
https://wp-cocoon.com/theme-trouble/

フォーラム利用ガイドリンク

  1. フォーラムガイドライン
  2. よくある質問と答え(FAQ)
  3. サポート対象外のケース
  4. 原因不明の不具合用トラブルシューティング
  5. トピックにHTMLを貼り付ける方法(推奨ツール:notepad.pw
  6. 真っ白画面でのエラーメッセージの確認方法
  7. ブラウザ環境チェックツール
  8. Cocoonカスタマイズ依頼

フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。

AMPエラー必須属性「height」が...
 
共有:
通知
すべてクリア

[解決済] AMPエラー必須属性「height」がタグ「amp-iframe」にありません。がでました

10 投稿
3 ユーザー
1 Likes
2,591 表示
(@oomoto)
Reputable Member Registered
結合: 6年前
投稿: 326
Topic starter  

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

たびたびすみません^^;

AMP不具合がでましたので、情報提供します。

必須属性「height」がタグ「amp-iframe」にありません。

https://wvtravelclub.jp/parents-house/?amp=1

 

テーマ情報

----------------------------------------------
サイト名:wとら
サイトURL: https://wvtravelclub.jp
ホームURL: https://wvtravelclub.jp
Wordpressバージョン:4.9.5
PHPバージョン:7.1.4
ブラウザ:Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_4) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/65.0.3325.181 Safari/537.36
サーバーソフト:Apache
サーバープロトコル:HTTP/1.1
言語:ja,en-US;q=0.9,en;q=0.8
----------------------------------------------
テーマ名:Cocoon
バージョン:0.4.9
----------------------------------------------
子テーマ名:Cocoon Child
バージョン:0.0.3
----------------------------------------------
利用中のプラグイン:
Broken Link Checker 1.11.5
EWWW Image Optimizer 4.1.3
Hierarchical HTML Sitemap 1.1
IP Geo Block 3.0.10.3
plugin load filter 2.5.1
Plugins Garbage Collector 0.10.3
Ptengine - Real time web analytics and Heatmap 1.0.16
SiteGuard WP Plugin 1.4.1
TinyMCE Advanced 4.6.7
WebSub/PubSubHubbub 2.2.1
WordPress Ping Optimizer 2.35.0.1.3
WP-Optimize 2.2.3
WP Multibyte Patch 2.8.1
XML Sitemap & Google News feeds 4.8.3
----------------------------------------------

なお、テキストを貼り付けてますので、確認してください。

https://notepad.pw/i1yr0a4p


   
わいひら
(@yhira)
Illustrious Member Admin
結合: 6年前
投稿: 16475
 

おそらくはてなブログカードが原因かと。
はてなブログカードのiframeにwidthとheightで幅と高さを指定する事はできますでしょうか。


   
(@oomoto)
Reputable Member Registered
結合: 6年前
投稿: 326
Topic starter  

すみません^^;

やり方が、わからないので教えていただければやって見ます

 

迷惑ばかりおかけして申し訳ございません。


   
(@kautakku)
New Member
結合: 6年前
投稿: 3
 

<p> https://sennich.hatenablog.com/entry/2017/12/27/tax-hojokin-housing-loan</p>

このような指定でブログカードのリンクを貼っているので、ブログカードのiframeに幅と高さを入れるにはちょっと工夫しないと無理っぽいです。

※上記で『はてなブログ専用ブログカード』が表示されるので。

上に書いた『はてなブログのリンク』を削除して以下▼iframeを入れただけです。


上記iframeはAMPエラーが出ているページの通常ページを、要素の検証画面(▼画像下にあるElement下:灰色の部分)からコピー。WPテキストエディタにコピペ

※▼画像上のブログカードiframeの表示されている『幅500高さ190』を指定。

 

表示テスト:幅が広いAMPページではiframe(ブログカード下)に余白が▼(『ここまで』から次の段落)

 

幅の狭い320px位のAMPページではiframe(ブログカード)が見切れる▼感じでした。

初めて投稿を見た時から気になってたので、noindexテスト環境でちょっとやってみただけですが…。


   
(@oomoto)
Reputable Member Registered
結合: 6年前
投稿: 326
Topic starter  

う~ん

自分のWPの画面を見ながら、なんとなくいじってみましたけど
意味が分かってないのか、難しいですね^^;

 

理解するまで、ちょっと時間を有しますのでお時間を頂戴します。


   
わいひら
(@yhira)
Illustrious Member Admin
結合: 6年前
投稿: 16475
 

質問を変えますと、はてなブログ部分の本文ソースコードはどのように入力されているのでしょうか?
その部分を、以下の方法で教えていただければと思います。
https://wp-cocoon.com/notepad-pw/


   
(@oomoto)
Reputable Member Registered
結合: 6年前
投稿: 326
Topic starter  

わいひらさん

いつもご迷惑をおかけして申し訳ありません。

 

問題の部分の前後込で張りつけましたので、よろしくお願いします

 

https://notepad.pw/yv00hd1m


   
わいひら
(@yhira)
Illustrious Member Admin
結合: 6年前
投稿: 16475
 

本文ソースコードありがとうございます!

はてなは、URLで埋め込み形式なんですね。

修正したものを以下にアップしておきます。

https://github.com/yhira/cocoon/archive/master.zip

よろしければお試しください。


   
(@oomoto)
Reputable Member Registered
結合: 6年前
投稿: 326
Topic starter  

ありがとうございます!

 

AMPエラーが解消されました!


   
わいひら reacted
わいひら
(@yhira)
Illustrious Member Admin
結合: 6年前
投稿: 16475
 

ご報告ありがとうございます。

うまく修正できていたようで良かったです。


   
共有:

問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。

また、有用な回答があった場合は返信右下にある「いいね!」もご活用ください。回答者の励みになります。

「いいね!」機能はフォーラム登録者のみが利用できる機能です。

CC BY-ND 2.1)準じていれば(リンクを貼っていただければ)転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。

フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。

最近の書き込みはこちら。

詳細なカスタマイズ依頼をするならこちら。

タイトルとURLをコピーしました