サポート » その他 » Adobe museへのWordPressサイトの埋め込みに関して

  • 解決済 kenzo0926

    (@kenzo0926)


    WordpressのサイトをMuseに埋め込みました。
    しかし、Wordpress側のコンテンツの量に合わせて、Adobe Museで作成したページも
    高さを自動変更できるようにしたいのですがうまくいきません。

    埋め込んでいる部分のHTMLコードは以下の通りです。

    <div style=’width: 800px; height: 1000px; overflow: hidden;’>
    <iframe style=’width: 820px; height: 1000px;’ src=”http://〇〇〇〇〇〇&#8221;
    frameborder=”0″></iframe>
    </div>

    途中で記事が切れているように見えてしまいます。
    フレーム内でマウスをスクロールしないと、下の方の記事が見れません。

    何かいい方法はございませんでしょうか。
    ご教授願えれば幸いです。

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • Muse というものを知らないので、的を射ていないかもしれませんが参考になればと思います。

    埋め込みコンテンツの高さが一定ではないようなので、JavaScript でコンテンツのロード時に高さを取得して iframe の高さを設定する方法ではどうでしょうか?
    下記 JavaScript は jQuery を使用しているので、予め jQuery を組み込んでおいてください。

    JavaScript

    <script type="text/javascript">
    jQuery(document).ready(function($) {
      $('iframe#wpsite').load(function() {
        $(this).height(this.contentWindow.document.documentElement.scrollHeight);
      });
      $('iframe#wpsite').triggerHandler('load');
    });
    </script>

    HTML

    <div style="width: 800px;">
    <iframe id="wpsite" style="width: 800px;" src="http://・・・" frameborder="0"></iframe>
    </div>

    なお、ロード時に高さを設定しているだけなので、ロード後の埋め込みコンテンツの高さの変更には対応していません。

    トピック投稿者 kenzo0926

    (@kenzo0926)

    返信ありがとうございます。

    提供いただきましたコードを入れてみたところ、
    無事に解決できました。

    非常に困っていましたので、大変感謝しております。

    ありがとうございました。

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • トピック「Adobe museへのWordPressサイトの埋め込みに関して」には新たに返信することはできません。