サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
Cocoonテーマに関する質問
28
投稿
5
ユーザー
15
Reactions
2,431
表示
トピックスターター 2022年12月31日 00:14
わいひら様、各位
初めまして。早速ですが表題の件について相談させてください。
ブログ内にインスタの投稿を埋め込み表示（カスタムHTMLにて入力）しているのですが、画像の表示ではなくリンクに変換されてしまいます。（添付画像参照ください。）
また、AMPページではリンク表示にもならず、空白画像となってしまいます。
本不具合は半年くらい前から発生する様になっており、私のPC、アイフォンのいずれの環境でもリンク表記となっています。
リンク表示ではなく、埋め込み表示に戻せれば、、、と思っております。
改善方法について、お知恵をお借りできれば幸甚です。
よろしくお願いいたします。
不具合ページ例
https://chang-taka.com/47brand/
解決の為に試した事
①全プラグインの無効化 → 改善しませんでした。
②サーバーキャッシュの削除（下記参照）→ 改善しませんでした。
https://www.xserver.ne.jp/manual/man_server_cache.php
③過去フォーラムにて同様の不具合の解決策となった、head内にembed.jsを読ませる → 改善しませんでした。
環境情報
----------------------------------------------
サイト名：ちゃん貴の物欲解消備忘録
サイトURL： https://chang-taka.com/wp
ホームURL： https://chang-taka.com
コンテンツURL：/wp/wp-content
インクルードURL：/wp/wp-includes/
テンプレートURL：/wp/wp-content/themes/cocoon-master
スタイルシートURL：/wp/wp-content/themes/cocoon-child-master
親テーマスタイル：/wp/wp-content/themes/cocoon-master/style.css
子テーマスタイル：/wp/wp-content/themes/cocoon-child-master/style.css
WordPressバージョン：6.1.1
PHPバージョン：7.4.33
ブラウザ：Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/16.1 Safari/605.1.15
サーバーソフト：Apache
サーバープロトコル：HTTP/1.1
言語：ja
----------------------------------------------
テーマ名：Cocoon
バージョン：2.5.4.2
カテゴリ数：23
タグ数：300
ユーザー数：4
----------------------------------------------
子テーマ名：Cocoon Child
バージョン：0.0.5
style.cssサイズ：827バイト
functions.phpサイズ：169バイト
----------------------------------------------
Gutenberg：1
AMP：1
PWA：0
Font Awesome：4
Auto Post Thumbnail：0
Retina：0
ホームイメージ：/wp/wp-content/uploads/2012/12/IMG_8069.jpg
----------------------------------------------
ブラウザキャッシュ有効化：0
HTML縮小化：0
CSS縮小化：0
JavaScript縮小化：0
Lazy Load：0
----------------------------------------------
利用中のプラグイン：
Akismet Anti-Spam 5.0.2
BackWPup 4.0.0
Broken Link Checker 1.11.21
CFiltering 1.5.0
Contact Form 7 5.7.2
EWWW Image Optimizer 6.9.3
Google XML Sitemaps 4.1.7
Public Post Preview 2.10.0
Search Regex 3.0.6
Site Kit by Google 1.90.1
TablePress 2.0.1
WebSub (FKA. PubSubHubbub) 3.1.2
WordPress Popular Posts 6.1.1
WP-Optimize - Clean, Compress, Cache 3.2.10
WP Multibyte Patch 2.9
----------------------------------------------
2022年12月31日 01:49
chang-takaさん
私の環境では、表示されますね。
chang-takaさんのサイトの埋め込みコードは、以下のような感じでした。
<blockquote class="instagram-media" data-instgrm-permalink="https://www.instagram.com/p/Ccr7zXavahZ/?utm_source=ig_embed&utm_campaign=loading" data-instgrm-version="14" style=" background:#FFF; border:0; border-radius:3px; box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15); margin: 1px; max-width:540px; min-width:326px; padding:0; width:99.375%; width:-webkit-calc(100% - 2px); width:calc(100% - 2px);"><div style="padding:16px;"> <a rel="nofollow noopener" href="https://www.instagram.com/p/Ccr7zXavahZ/?utm_source=ig_embed&utm_campaign=loading" style=" background:#FFFFFF; line-height:0; padding:0 0; text-align:center; text-decoration:none; width:100%;" target="_blank"> <div style=" display: flex; flex-direction: row; align-items: center;"> <div style="background-color: #F4F4F4; border-radius: 50%; flex-grow: 0; height: 40px; margin-right: 14px; width: 40px;"></div> <div style="display: flex; flex-direction: column; flex-grow: 1; justify-content: center;"> <div style=" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; margin-bottom: 6px; width: 100px;"></div> <div style=" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; width: 60px;"></div></div></div><div style="padding: 19% 0;"></div> <div style="display:block; height:50px; margin:0 auto 12px; width:50px;"><svg width="50px" height="50px" viewBox="0 0 60 60" version="1.1" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g transform="translate(-511.000000, -20.000000)" fill="#000000"><g><path d="M556.869,30.41 C554.814,30.41 553.148,32.076 553.148,34.131 C553.148,36.186 554.814,37.852 556.869,37.852 C558.924,37.852 560.59,36.186 560.59,34.131 C560.59,32.076 558.924,30.41 556.869,30.41 M541,60.657 C535.114,60.657 530.342,55.887 530.342,50 C530.342,44.114 535.114,39.342 541,39.342 C546.887,39.342 551.658,44.114 551.658,50 C551.658,55.887 546.887,60.657 541,60.657 M541,33.886 C532.1,33.886 524.886,41.1 524.886,50 C524.886,58.899 532.1,66.113 541,66.113 C549.9,66.113 557.115,58.899 557.115,50 C557.115,41.1 549.9,33.886 541,33.886 M565.378,62.101 C565.244,65.022 564.756,66.606 564.346,67.663 C563.803,69.06 563.154,70.057 562.106,71.106 C561.058,72.155 560.06,72.803 558.662,73.347 C557.607,73.757 556.021,74.244 553.102,74.378 C549.944,74.521 548.997,74.552 541,74.552 C533.003,74.552 532.056,74.521 528.898,74.378 C525.979,74.244 524.393,73.757 523.338,73.347 C521.94,72.803 520.942,72.155 519.894,71.106 C518.846,70.057 518.197,69.06 517.654,67.663 C517.244,66.606 516.755,65.022 516.623,62.101 C516.479,58.943 516.448,57.996 516.448,50 C516.448,42.003 516.479,41.056 516.623,37.899 C516.755,34.978 517.244,33.391 517.654,32.338 C518.197,30.938 518.846,29.942 519.894,28.894 C520.942,27.846 521.94,27.196 523.338,26.654 C524.393,26.244 525.979,25.756 528.898,25.623 C532.057,25.479 533.004,25.448 541,25.448 C548.997,25.448 549.943,25.479 553.102,25.623 C556.021,25.756 557.607,26.244 558.662,26.654 C560.06,27.196 561.058,27.846 562.106,28.894 C563.154,29.942 563.803,30.938 564.346,32.338 C564.756,33.391 565.244,34.978 565.378,37.899 C565.522,41.056 565.552,42.003 565.552,50 C565.552,57.996 565.522,58.943 565.378,62.101 M570.82,37.631 C570.674,34.438 570.167,32.258 569.425,30.349 C568.659,28.377 567.633,26.702 565.965,25.035 C564.297,23.368 562.623,22.342 560.652,21.575 C558.743,20.834 556.562,20.326 553.369,20.18 C550.169,20.033 549.148,20 541,20 C532.853,20 531.831,20.033 528.631,20.18 C525.438,20.326 523.257,20.834 521.349,21.575 C519.376,22.342 517.703,23.368 516.035,25.035 C514.368,26.702 513.342,28.377 512.574,30.349 C511.834,32.258 511.326,34.438 511.181,37.631 C511.035,40.831 511,41.851 511,50 C511,58.147 511.035,59.17 511.181,62.369 C511.326,65.562 511.834,67.743 512.574,69.651 C513.342,71.625 514.368,73.296 516.035,74.965 C517.703,76.634 519.376,77.658 521.349,78.425 C523.257,79.167 525.438,79.673 528.631,79.82 C531.831,79.965 532.853,80.001 541,80.001 C549.148,80.001 550.169,79.965 553.369,79.82 C556.562,79.673 558.743,79.167 560.652,78.425 C562.623,77.658 564.297,76.634 565.965,74.965 C567.633,73.296 568.659,71.625 569.425,69.651 C570.167,67.743 570.674,65.562 570.82,62.369 C570.966,59.17 571,58.147 571,50 C571,41.851 570.966,40.831 570.82,37.631"></path></g></g></g></svg></div><div style="padding-top: 8px;"> <div style=" color:#3897f0; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:550; line-height:18px;">この投稿をInstagramで見る</div></div><div style="padding: 12.5% 0;"></div> <div style="display: flex; flex-direction: row; margin-bottom: 14px; align-items: center;"><div> <div style="background-color: #F4F4F4; border-radius: 50%; height: 12.5px; width: 12.5px; transform: translateX(0px) translateY(7px);"></div> <div style="background-color: #F4F4F4; height: 12.5px; transform: rotate(-45deg) translateX(3px) translateY(1px); width: 12.5px; flex-grow: 0; margin-right: 14px; margin-left: 2px;"></div> <div style="background-color: #F4F4F4; border-radius: 50%; height: 12.5px; width: 12.5px; transform: translateX(9px) translateY(-18px);"></div></div><div style="margin-left: 8px;"> <div style=" background-color: #F4F4F4; border-radius: 50%; flex-grow: 0; height: 20px; width: 20px;"></div> <div style=" width: 0; height: 0; border-top: 2px solid transparent; border-left: 6px solid #f4f4f4; border-bottom: 2px solid transparent; transform: translateX(16px) translateY(-4px) rotate(30deg)"></div></div><div style="margin-left: auto;"> <div style=" width: 0px; border-top: 8px solid #F4F4F4; border-right: 8px solid transparent; transform: translateY(16px);"></div> <div style=" background-color: #F4F4F4; flex-grow: 0; height: 12px; width: 16px; transform: translateY(-4px);"></div> <div style=" width: 0; height: 0; border-top: 8px solid #F4F4F4; border-left: 8px solid transparent; transform: translateY(-4px) translateX(8px);"></div></div></div> <div style="display: flex; flex-direction: column; flex-grow: 1; justify-content: center; margin-bottom: 24px;"> <div style=" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; margin-bottom: 6px; width: 224px;"></div> <div style=" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; width: 144px;"></div></div></a><p style=" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; line-height:17px; margin-bottom:0; margin-top:8px; overflow:hidden; padding:8px 0 7px; text-align:center; text-overflow:ellipsis; white-space:nowrap;"><a rel="nofollow noopener" href="https://www.instagram.com/p/Ccr7zXavahZ/?utm_source=ig_embed&utm_campaign=loading" style=" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:normal; line-height:17px; text-decoration:none;" target="_blank">chang_taka(@taka_chang_taka)がシェアした投稿</a></div></blockquote> <script async="" src="//www.instagram.com/embed.js"></script>
長いので、探すのが大変ですが最後のpタグは、閉じタグがないですね。
以下で始まるpタグです。
<p style=" color:#c9c8cd;
他の埋め込みも、pタグが閉じられていないものがあるようです。
それが原因かは分からないですが、1度埋め込みコードを取得し直してみると、どうなるのかなという気はします。
わいひら reacted
2022年12月31日 02:01
今、私の環境で埋め込みコードを確認してみましたが、pタグ閉じられていないですね。
そうだとすると、別の原因っぽいですが、正直不明です。
私の環境では、埋め込みコードを取得して、カスタムHTMLブロックに貼り付けると、普通に表示されます。
他テーマに切替てみる
再度、プラグインを全停止してみる
など、ご確認いただいても良いかも知れません。
以下の方法を試すのも一案かと思います。
WordPressのトラブルシューティングを劇的に楽にする「Health Check ＆ Troubleshooting」プラグインの使い方。
https://nelog.jp/health-check-and-troubleshooting-plugin
そして途中で申し訳ないですが、時間も時間ですので、もう休んでしまいます。
わいひら reacted
2022年12月31日 02:20
あれ？
もしかして、AMPは無効化されていますか？
そうだとすとると、なぜこちらは表示されるか・・・だと思います。
すみませんが、既にPCは落としてしまい、今もスマホからですので、これにて失礼してしまいます。
トピックスターター 2022年12月31日 09:49
MK2様
MK2様の環境では表示されるとの事、承知しました。
ご丁寧に色々とご教授ありがとうございます。非常に助かります。
一方で、私の環境特有のみならず、先日読者の方から画像表示できていない旨の指摘を頂いた事もあり、何か特有の条件下にて発生する不具合なのかもしれません。
取り急ぎ、Pタグの件含めて、下記をトライしてみました。
・HTMLの再取得/貼付け → 改善しませんでした。
・Pタグの閉じタグの追記 → 改善しませんでした。
・プラグインの全停止 → 改善しませんでした。
・他テーマへの切り替え → 改善しませんでした。
また、AMPは有効化しております。
AMP環境での表示状態については添付の様な大きな空白となってしまいます。
ご紹介頂いた「Health Check ＆ Troubleshooting」プラグインを確認してみます。
トピックスターター 2022年12月31日 10:04
追記です。
「Health Check ＆ Troubleshooting」を試してみました。
親テーマを有効化した際（プラグインは全停止）にも、同様の不具合が見られました。
とはいえ、上述の通り、他テーマでも同様の不具合が発生しているので、cocoonの親テーマに不具合があるというよりは別の要因があるのかもしれません。
この投稿は2年前ずつchang-takaに変更されました
2022年12月31日 11:57
親テーマを有効化した際（プラグインは全停止）にも、同様の不具合が見られました。
とはいえ、上述の通り、他テーマでも同様の不具合が発生しているので、cocoonの親テーマに不具合があるというよりは別の要因があるのかもしれません。
他テーマというのはWordPress公式のテーマでも同様の問題が起きたということでしょうか。
2022年12月31日 16:40
chang-takaさん
一方で、私の環境特有のみならず、先日読者の方から画像表示できていない旨の指摘を頂いた事もあり、何か特有の条件下にて発生する不具合なのかもしれません。
こちらを補足させていただきますと。
私から、chang-takaさんのサイトを閲覧すると表示されていません。
私の環境というのは、「私のテスト環境に埋め込みコードを埋め込んだ場合」という意味です。
その場合は、問題なく表示されています。
また、AMPは有効化しております。
AMP環境での表示状態については添付の様な大きな空白となってしまいます
こちらは、AMPが有効であることを確認させていただきました。
私からは、むしろAMPページが表示されているように見えるんですよね。
（Googleのキャッシュを見た訳ではないので、そこが違うのかもしれないですが）
わいひら reacted
2022年12月31日 16:50
chang-takaさん
AMPページは、Googleのキャッシュの方も表示されていますね。
（スマホ実機で確認しました。URLを見ていただければと）
わいひら reacted
トピックスターター 2022年12月31日 20:30
>MK2さん
年の瀬にも関わらず、ご確認ありがとうございます。
なるほどです。通常環境下ではMK2さんにアクセス頂いても見れないですか。。。
その一方でAMP環境では見れているという事も承知しました。こちらは少し安心しました。
同じ様な症状の方が居られないか、当方も更にググってみます。
トピックスターター 2022年12月31日 20:35
>Akiraさん
アドバイス頂いた通り、当該のコマンドを一先ず消去してみましたが、改善しませんでした。
ちなみに、このスクリプトは過去に同様の不具合があったトピックがあり、その時の解決策として記載があった方法でした。その為、ご指摘のとおり、デフォルトの設定では存在しません。
確認いただき、ありがとうございます。
トピックスターター 2022年12月31日 22:19
トピックスターター 2023年1月3日 11:36
2023年1月3日 12:48
@chang-taka さん
私であれば、以下のことを試します。
- Chrome など他のブラウザで確認する
- Safari のプライベートブラウズで確認する
- Safari のキャッシュや Cookie を削除する
- Safariの プライバシー設定 を変更してみる
- Safari の拡張機能を無効にしてみる
今のところ、chang-taka さんのブラウザかデバイスが原因の可能性が高いです。ですが、サイトに原因があるとお考えになり、Instagram の <script> を <head> に追加されたため、全ての人に Instagram が表示されなくなっていたように思えます。
この投稿は2年前ずつAkiraに変更されました
わいひら reacted
トピックスターター 2023年1月4日 14:12
@akira さん
確認ありがとうございます。
私の３デバイス（PC、iPad、iPhone）全てに同じ症状が出ているので、デバイスに起因するとも思えないのですが、それでもデバイスに起因する可能性はありそうでしょうか。
またアドバイスいただいた内容の対応結果としても、キャッシュやクッキー削除でも変化はありませんでした。
また、拡張機能は元々使用していませんのでこれも対象外かと思います。
※別環境で表示させる事を目的としていない（Safariで表示されないトラブルの解消が意図）なので、別ブラウザでの確認は対象外としています。
ワードプレスのキャッシュ削除をしても変化ありませんでした。
他の方がリンク表示にならない様でしたらば、しばらく放置しておこうと思います。
2023年1月4日 19:01
@chang-taka さん
私の３デバイス（PC、iPad、iPhone）全てに同じ症状が出ているので、デバイスに起因するとも思えないのですが、それでもデバイスに起因する可能性はありそうでしょうか。
ありえます。
最初に思ったのですが、AMP ページで表示されないのがおかしいです。通常ページと AMP ページとでは、Instagram を表示する方法が異なります。AMP ページでは AMP 側で処理をしています。ですので、<head> にあった <script> の影響は受けておらず、ｍｋ２さんも私も最初から AMP ページでは表示されていました。
それが表示されないとなると、chang-taka さんだけの問題のように思えます。その原因がブラウザなのか、OS やセキュリティソフトを含むデバイスなのか、その他の何かなのかは今のところ分かりません。
またアドバイスいただいた内容の対応結果としても、キャッシュやクッキー削除でも変化はありませんでした。
また、拡張機能は元々使用していませんのでこれも対象外かと思います。
プライベートブラウズやプライバシー設定の変更はお試しになりましたか？特にプライベートブラウズでの確認は必要だと思います。
※別環境で表示させる事を目的としていない（Safariで表示されないトラブルの解消が意図）なので、別ブラウザでの確認は対象外としています。
他のブラウザで確認しなければ、原因が Safari なのかが分かりません。
Chrome 等で表示されれば、Safari が原因の可能性があります。しかし、Chrome 等でも表示されなければ、Safari 以外の何かが原因の可能性があります。
ちなみに、以下のページの上部に添付画像と同じ Instagram の埋め込みがありますが、この埋め込みは表示されるでしょうか？
https://ecnomikata.com/ecnews/32961/
私を含め chang-taka さん以外は見えているため、chang-taka さんがよろしければ放置でもいいと思います。
わいひら reacted
トピックスターター 2023年1月4日 20:48
@akira さん
確認ありがとうございます。確認結果を下記しますね。
プライベートブラウズやプライバシー設定の変更はお試しになりましたか？特にプライベートブラウズでの確認は必要だと思います。
はい、確認しています。
しかし表示はされません。(添付左端参照)
ちなみに、以下のページの上部に添付画像と同じ Instagram の埋め込みがありますが、この埋め込みは表示されるでしょうか？
こちらも表示されません。
(添付左から2枚目参照)
Chrome 等で表示されれば、Safari が原因の可能性があります。しかし、Chrome 等でも表示されなければ、Safari 以外の何かが原因の可能性があります。
Chromeであれば、表示可能でした。
(添付右２つ参照)
これからいえばSafariの環境の問題のようにも思えます。
しかし、デバイスに由来するメカニズムがよく理解できないです。その場合、どういう理由が原因と考えられますでしょうか。
2023年1月5日 20:01
@chang-taka さん
ブラウザのキャッシュや Cookie、サイトデータを削除すれば表示されることが多いんですけどね。
朗報は、chang-taka さんのサイトに不具合が発生しているわけではないことです。
検索しても Safari の不具合情報などは出てきません。ブラウザの設定が怪しい気はします。
ちなみに、PC、iPad、iPhone に同じセキュリティソフトをインストールしていらっしゃいますか？Chrome で表示されるとのことですが、セキュリティソフトの広告ブロック機能が邪魔をしているかもしれないと頭に浮かびました。
この投稿は2年前ずつAkiraに変更されました
わいひら reacted
トピックスターター 2023年1月6日 11:18
@akira さん
セキュリティソフトは入れてないんです。
特にアイフォン、アイパッドはデフォルトのままです。
ちなみに、
私の３デバイス（PC、iPad、iPhone）全てに同じ症状が出ているので、デバイスに起因するとも思えないのですが、それでもデバイスに起因する可能性はありそうでしょうか。ありえます。
ここで「ありえる」（＝デバイスに起因する可能性がある）とコメントいただいていますが、この可能性は上記のセキュリティソフトの事を指していますか？
私から、chang-takaさんのサイトを閲覧すると表示されていません。
私の環境というのは、「私のテスト環境に埋め込みコードを埋め込んだ場合」という意味です。
過去にMK2さんも上記の様におっしゃっていたので、通常環境下で表示されない方も居られる様に思うんですよね。
とりあえず、当方の友人含めて同不具合の発生状態をn増し確認して見ますね。
この投稿は2年前ずつchang-takaに変更されました
2023年1月6日 16:57
@chang-taka さん
ここで「ありえる」（＝デバイスに起因する可能性がある）とコメントいただいていますが、この可能性は上記のセキュリティソフトの事を指していますか？
セキュリティソフトも入っています。他にはブラウザや OS の設定、DNS 設定や VPN を含む回線、アプリなどです。
過去にMK2さんも上記の様におっしゃっていたので、通常環境下で表示されない方も居られる様に思うんですよね。
これは以前申し上げたとおりです。
「サイトに原因があるとお考えになり、Instagram の <script> を <head> に追加されたため、全ての人に Instagram が表示されなくなっていたように思えます。」
今は <script> がなくなったため、chang-taka さん以外は見えています。また、他のサイトに埋め込まれている Instagram も表示されないため、chang-taka さんだけの問題のように思います。
あと、私から言えることは 2 つです。
- パソコンの Safari でデベロッパーツール（インスペクター）を開き、コンソールに何かエラー表示がないか確認する
- Apple サポートコミュニティで質問する
chang-taka and わいひら reacted
2023年1月6日 17:13
chang-takaさん
私の名前が出てきましたので・・・。
現在は、私からも閲覧できています。
私から見えなかったのは、対処前だと思います。
対処前は・・・。
- chang-takaさんのサイトの埋め込みは、表示されていなかった
（おそらく皆さんから見えない状態だった） - 私のテスト環境に埋め込むと、表示された
上記のことから、chang-takaさんのサイトの問題と思われた。
そして、実際にAkiraさんにご指摘いただいて対処した後には、表示されている。
現在は、Safariの方でも表示されている方もいらっしゃるようですので、chang-takaさんの端末の問題の可能性が高いということかと思われます。
（もしかすると、chang-takaさんと同じ状態の端末が他にもあるかもしれませんが、今のところ原因がハッキリしないということかと。）
chang-taka and わいひら reacted
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。