サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
トピックスターター 2018年8月30日 15:14
お世話になっております。
シンプリシティ2からCocoonを使わせて頂いています。
https://hurmn.com
を運営しており
amp化を進めているのですが
googlemapがどうしてもエラーが出ます。
ウイジェットにテキストで
と設定してますが
「必須属性「height」がタグ「amp-iframe」にありません。」
となりソースを見るとwidth="400" height="200"がなくなっています。
寝ブログの通りにして見たのですが
テスト１
<amp-iframe src="https://www.google.com/maps/embed?pb=!1省略” width=“400” height=“200” layout="responsive" sandbox="allow-scripts allow-same-origin allow-popups" frameborder="0" allowfullscreen>
</amp-iframe>
「タグ「amp」は許可されていません。」
テスト２
google APIのキーが必要？と思い
<iframe width=“400" height=“200" sandbox="allow-scripts allow-same-origin" layout="responsive" frameborder="0" src="https://www.google.com/maps/embed/v1/place?key=省略”</iframe>
Google Maps Platform rejected your request. Invalid request. Missing the 'q' parameter.
と表示される始末です。
アドバイスお願いできますか？
2018年8月30日 16:40
テキストウィジェットに幅と高さが入ってないようなので、手書きで入れてからご確認いただけますか。
-------
ソース：失敗：再編集、リンク先をコピペしてください。貼り付けた方法は以下のとおりです。
--------
ちなみに拡大地図を表示をクリックして、共有・地図を埋め込むからHTMLをコピーするだけでいけますよ。
サイズも任意のモノにできるので試してみてくださいね。
この投稿は6年前ずつかうたっくに変更されました
トピックスターター 2018年8月31日 21:17
ありがとうございました。
リンクをコピーして
ウイジェットの（回答）のスペースにテキストでペーストさせて頂きました。
結果やはり同じで
必須属性「height」がタグ「amp-iframe」にありません。
が表示されます。
「height」が消えてしまう？のです。
何が悪いのでしょう？
google APIが必要なのでしょう か？
2018年8月31日 22:20
お疲れ様です。
- ちなみにそのHTMLをチェックしたら、以前のHTMLと同じですか？それともちがってますか？
聞いた理由は、プラグインなどを使用してキャッシュを表示しているかどうかを確認したいためです。
Cocoon機能が進化しすぎて、どのプラグインを使用しているか判別しにくいのがありまして。
- キャッシュ系・速度アップ系のモノがありましたら、一度キャッシュクリア的な事を試す。または一時停止して確認してみるなど試すとどうなりますか
もしダメなら、プラグインが影響している可能性をCheckするため、プラグインの停止。その後1つずつ有効化を試す。さらに、そのプラグインを有効化して、他プラグインを有効化してみるとどうなるか。など
試してみれば、プラグインが原因かどうかが、そこで初めて原因の切り分けができるんですね。面倒ですが…
google APIが必要なのでしょう か？
この件は取得してなくてもキチンと表示されるのは、私のサイトで確認済みです。※おっしゃっているものが同じであれば。
私が作ったページをご確認いただけたほうが早いかもです。
https://bibabosi-rizumu.com/shop-info-table-map/
上は通常ページ、下はAMP
https://bibabosi-rizumu.com/shop-info-table-map/?amp=1
キャッシュ系はテーマのモノ以外、現在は使ってません。※エックスサーバーのキャッシュもです。google APIとやらも同様
2018年8月31日 23:08
通常ページでも、iframeに幅と高さが設定されていないようです。
もう一度、ウィジェットから双方のグーグルマップに対してwidthとheightを設定してみてください。
また、AMPのチェックを行う場合は位置をCocoon設定「キャッシュ削除」から「AMPキャッシュの削除」を行った上で動作確認してください。
トピックスターター 2018年9月1日 11:01
ご指導ありがとうございます。
AMPキャッシュの削除をしながらプラグインを１つ１つチェックしましたが
結果は同じで「height」が消えています。
途中１つ気になることがありましたので報告します。
の【本文中】のグーグルマップコードはAMPテストでエラーがありませんが
同じコードをコピーして【SNSボタン下】テキストにてペーストすると
AMPテストで「height」が消えています。
何かの不具合？でしょうか？
トピックスターター 2018年9月1日 14:34
あいがとうございます。
カスタム HTML にすると
「有効な AMP ページです」
と表示されました。
ただ
サイドバーが消えました
実は以前もサイドバーが消え
作り直した頃に
以前のサイドバーが被って表示されたことがありました。
2018年9月1日 19:19
サイドバーにウィジェットが全く入っていないということはないでしょうか？
Cocoonでは、サイドバーに何も入っていないと、表示されないようになっています。
もしくは、Cocoon設定の「全体」タブにある「サイドバーの表示状態」は、表示されている状態になっていますか。
トピックスターター 2018年9月2日 10:56
ありがとうございました。
サイドバーに再度テキストを入力してなんとかなりました。
ネット環境（光でない）によって
テーマが変わりずらかったり
テキストが飛んだり？
する気かします。
今後ともよろしくお願いします。
わいひら reacted
2018年9月2日 22:16
接続環境によって、テーマの動作が変わるということはシステム的にまずないと思います。
接続環境の悪さによって、接続などの応答に時間がかかったりする断るかもしれませんが、それに関しては、テーマ側からどうにかすることも出来ないかもしれません。
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。