プラグイン「Lazy Load for Videos」を入れたら、 Your active theme might be missing the call to <?php wp_footer(); ?>と表示される

  • J

    お手数おかけしています！

    F5を何度も押してみる必要があるのはスマホのときで、パソコンからは1度F5を押せば、映るようになっていました。
    もうこれ以上は相談できないかなと思っていたので、あきらめていたのですが、丁寧に指導いただきありがとうございます。

    BJ Lazy Loadを停止したら、スマホでもパソコンでも、F5を押すことなく一発で表示されるようになりました。
    すみません、表示できるようになってからもプラグインを確認するべきでした。

    でもこのプラグインは、サイト全体の読み込みを管理できるものなので、停止してしまうのはこれはこれで問題アリのような気がするのですが・・
    なにか手立てはあるのでしょうか？

    何度もお伺いしてすみません。
    よろしくお願いいたします。

    0 1 件の返信
  • administrators

    @Jude さん

    こんにちは！

    でもこのプラグインは、サイト全体の読み込みを管理できるものなので、停止してしまうのはこれはこれで問題アリのような気がするのですが・・
    なにか手立てはあるのでしょうか？

    BJ Lazy Loadのプラグインはよくよく調べてみると分かるかと思いますが、
    「画像だけ」の読み込みを遅くするのではありません。
    画像や動画、ウィジェットやコンテンツの内容をも各個設定できるようにできています。

    0_1556865633272_スクリーンショット 2019-05-03 15.39.42.png

    上記はBJ Lazy Loadの設定画面ですが、
    「Lazy Load image」や「Lazy Load iframe」等設定項目がいくつもあります。

    今回の場合は動画つまりiframeだけの設定を解除してあげればいいだけですので、
    WordPressの管理画面より、「外観」→「設定」→「BJ Lazy Load」でBJ Lazy Loadの設定画面まで飛び、
    「Lazy Load iframe」だけのチェックを「No」にしてみてください。
    （まずは、BJ Lazy Loadのプラグインを有効化してくださいね！）

    その状態でキャッシュを削除後、動画が正常に読み込まれるか確認してください！
    もしこれでうまくいくようであれば、動画以外のコンテンツをBJ Lazy Loadのプラグインで読み込みを制御しながら
    動画だけを独自に操ることができるようになるかと思います！

    おそらくこれで@Jude さんの抱える問題を少しは解決できるようになるかと思います！
    お手数お掛け致しますがご対応の程宜しくお願い致します。

    0
  • J

    ご回答ありがとうございます。

    教えて頂いた通りに、「BJ Lazy Load」でBJ Lazy Loadの設定画面の「Lazy Load iframe」だけのチェックを「No」にしてみたら、
    F5を押さなくても、スムーズに動画の画像が表示されるようになりました！

    ありがとうございます！ちゃんと直るものなんですね！
    いつも、プロミラング言語とかわかってない私は解決できずに、あきらめることばかりなので、感動しました！

    あとは、
    ・前回言っていたTED Talksの動画の貼り付けのコード
    ・この読み込みを遅くする以下のコードをWordpressのHTMLタグ設定ーhead内に貼りつければ、その都度記事に入力する必要はないということでしたが、head内にはほかのコードが存在しています。
    一行空けて、そのあとに追加すればよいのでしょうか？

    <script>
    function init() {
    var vidDefer = document.getElementsByTagName('iframe');
    for (var i=0; i<vidDefer.length; i++) {
    if(vidDefer[i].getAttribute('data-src')) {
    vidDefer[i].setAttribute('src',vidDefer[i].getAttribute('data-src'));
    } } }
    window.onload = init;
    </script>

    よろしくお願いいたします。

    0 1 件の返信
  • administrators

    @Jude さん

    こんにちは！ご連絡遅くなり申し訳ございません。
    無事読み込まれたようで良かったです！
    それでは次に行きますね。

    前回言っていたTED Talksの動画の貼り付けのコード
    とりあえず動画の埋め込みはできている感じでしょうか？
    それとも埋め込みの段階からまだできていない状況でしょうか？

    ご教示いただけますと幸いでございます。

    この読み込みを遅くする以下のコードをWordpressのHTMLタグ設定ーhead内に貼りつければ、その都度記事に入力する必要はないということでしたが、head内にはほかのコードが存在しています。
    一行空けて、そのあとに追加すればよいのでしょうか？

    その通りです！
    一行あけてそのままコピペして入れてみてください！

    0
  • J

    ご回答ありがとうございます。

    TED Talksの動画は、フツーに埋め込みコードを当サイトからコピーし貼り付けています。
    とくに、読み込みを遅くするコードを追加しない状態で、表示はできています。

    【アラフィフ英語】苦手意識克服！堂々と英語を話せちゃう！【TED スピーチ編】
    https://honeytaste.me/to-speak-english-without-hesitation/

    ただ、ここに前回youtubeの場合でおしえていただいたような読み込みを遅くするコードを追加すると表示されません・・
    きっと何かが違うんですよね。

    すみません、ほんとうに応用が利かないやつで・・
    お手数おかけしますが、またお教えただけたら幸いです。

    よろしくお願いいたします！

    0 1 件の返信
  • administrators

    @Jude さん

    こんにちは！
    うーん、僕の環境では普通に表示されるんですけどね・・。
    まずは基本的に表示されていないことが問題ですのでまずはその問題から解決しましょう。
    遅延するコードは置いておいて、まずはプラグインの停止とキャッシュの削除から行なっていただけますでしょうか？

    これは基本中の基本ですので不具合が起きたらまず始めに行なっていくようにしましょう！
    お手数お掛け致しますが宜しくお願い致します！

    0
  • J

    いえ、あのフツーに画面表示はできています！
    ただ、遅延するコードの加え方がわからないんです。

    お手数おかけしますが、よろしくお願いいたします。

    0 1 件の返信
  • administrators

    @Jude さん

    こんにちは！
    なるほど。。
    僕の方で確認してみましたが、正常に表示されておりました。

    <div style="max-width:854px"><div style="position:relative;height:0;padding-bottom:56.25%">
<iframe src="" data-src="https://embed.ted.com/talks/lang/ja/celeste_headlee_10_ways_to_have_a_better_conversation" width="854" height="480" style="position:absolute;left:0;top:0;width:100%;height:100%" frameborder="0" scrolling="no" allowfullscreen></iframe>
</div></div>

    上記のコードはTEDTalksで同じような動画があったのでそちらを例にやってみた時に作ったコードです。

    下記のような環境で試したので、同じ環境に設定しているか確認した上で
    正常に表示されているか確認してください。

    ①BJ Lady Loadのプラグインを有効化
    ※ifameの設定は「No」にしています。

    ②HTMLタグ設定に以下のコードを設置

    <script>
function init() {
var vidDefer = document.getElementsByTagName('iframe');
for (var i=0; i<vidDefer.length; i++) {
if(vidDefer[i].getAttribute('data-src')) {
vidDefer[i].setAttribute('src',vidDefer[i].getAttribute('data-src'));
} } }
window.onload = init;
</script>

    ③記事編集画面の「テキスト」で以下コードを入力

    <div style="max-width:854px"><div style="position:relative;height:0;padding-bottom:56.25%">
<iframe src="" data-src="https://embed.ted.com/talks/lang/ja/celeste_headlee_10_ways_to_have_a_better_conversation" width="854" height="480" style="position:absolute;left:0;top:0;width:100%;height:100%" frameborder="0" scrolling="no" allowfullscreen></iframe>
</div></div>

    以上長くなりましたがご確認のほど宜しくお願い致します。

    0
  • J

    ご連絡ありがとうざいます。

    ご指示いただいた通りのコードをに、HTMLタグ設定と記事に貼りつけてみました！
    PCもスマホでも、問題なく表示されています。

    これで、動画関連の問題はすべて解決できました！
    躊躇なく、動画を貼り付けることができます！
    まったく応用の利かない初心者のわたしに、懇切丁寧に教えてくださり、ほんとうにありがとうございました。

    1 1 件の返信
  • administrators

    @Jude さん

    無事に解決できたようで良かったです。
    こちらこそ勝手が悪くかなり長くなってしまい申し訳ございませんでした。

    また、何か不具合等がございましたらご連絡いただけますと幸いでございます。

    今後ともJINをどうぞ宜しくお願い致します。

    1