「Lazy Load for Videos」というプラグインを入れたYour active theme might be missing the call to <?php wp_footer();

Question

WordpressにJINとJINの子テーマを使って、記事を書いています。
動画のURLを記事に埋め込む際に、重くなるのを避けようと「Lazy Load for Videos」というプラグインを入れたのですが、以下が設定画面の一番上に表示されます。

Your active theme might be missing the call to <?php wp_footer(); ?>
Always have it just before the closing tag of your theme, or you will break many plugins.

まったくの初心者なので、ほんとうによくわかっていません。

子テーマか親テーマにある、どこのファイルに、何を追加すべきなのか、お分かりの方みえたら、教えてくださると助かります。

宜しくお願い致します。

Comments

[退会済みユーザー]

index.phpを載せてください。
FTP通信かなんかで取得できるはずです。

[退会済みユーザー]

ディレクトリ的には
... / ディレクトリ名 / wp-content / themes / お使いのテーマ名 / index.phpですね

[jude12291126]

ご返答ありがとうございます！

FileZilaで wp-content / themes / jin/ index.php を開けました。
以下がコードです。

<?php get_header(); ?>
<div id="contents">

<!--メインコンテンツ-->
<main id="main-contents" itemscope itemtype="https://schema.org/Blog">
<?php get_template_part('include/liststyle/post-list'); ?>
</main>
<?php get_sidebar(); ?>
</div>
<?php get_footer(); ?>

JINの子テーマである、jin-childのフォルダには、index.phpはありませんでした。
いつも、親テーマをかまうな！いじるなら子テーマにしなさいと、よく書き込みがあるので、親テーマをかまうのが怖いというきもちがあります。

もし、追加や修正をするのであれば、子テーマでなにかすることはできるのでしょうか？

すみません、重ね重ねド素人なもので、意味不明なことを言っていたらほんとうにすみません。
よろしくお願いいたします。

Answer 1

「Lazy Load for Videos」のプラグインを入れるのをやめて、コードを直接入力することで、動画の読み込みを良くすることができました。

1.こちらをHTMLタグ設定の【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>

2.記事に動画を貼り付けるときに、以下のコードを採用する

<iframe src="" width="500" height="315" frameborder="0" allowfullscreen="allowfullscreen" data-src="//www.youtube.com/embed/〇〇〇〇〇〇"> </iframe>

※（〇〇〇〇〇〇の箇所は、youtube動画ごとに違うので替えてください）
※　width="〇" height="〇"　この数値を変えてサイズは大きくすることもできます。

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

Answer 2

「Lazy Load for Videos」のプラグインを入れるのをやめて、コードを直接入力することで、動画の読み込みを良くすることができました。

1.こちらをHTMLタグ設定の【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>

2.記事に動画を貼り付けるときに、以下のコードを採用する

<iframe src="" width="500" height="315" frameborder="0" allowfullscreen="allowfullscreen" data-src="//www.youtube.com/embed/〇〇〇〇〇〇"> </iframe>

※（〇〇〇〇〇〇の箇所は、youtube動画ごとに違うので替えてください）
※　width="〇" height="〇"　この数値を変えてサイズは大きくすることもできます。

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

Answer 3

「JIN」というテーマも「Lazy Load for Videos」というプラグインも使用したことはありませんが、
Your active theme might be missing the call to <?php wp_footer(); ?>
Always have it just before the closing tag of your theme, or you will break many plugins.
というのは、<?php wp_footer(); ?>が適切な箇所に挿入されていないということだと思われます。

通常、<?php wp_footer(); ?>は、</body>の直前に挿入します。
index.phpをみる限りでは、get_footerで呼び出しているfooter.php内に挿入されているかと思います。
footer.phpの</body>直前にwp_footer()があるか確認してみてください。

Comments

[jude12291126]

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

＞footer.phpの</body>直前にwp_footer()があるか確認してみてください。

はい、確認したのですが、確かにwp_footer()がありました。
特に問題はないはずだと思っているのですが・・

プラグインを利用しないで、記事ごとにコードを貼り付ける方法をいくつかのサイトで見つけたので、習ってやってみたのですが、うまくいきません・・

1.　以下のコードを高速化させたい動画を貼り付けた記事の最初に貼りつける
<script>
function tubespeed() {
var youDefer = document.getElementsByTagName(“iframe”);
for (var k=0; k<youDefer.length; k++) {
if(youDefer[k].getAttribute(“data-src”)) {
youDefer[k].setAttribute(‘src’,youDefer[k].getAttribute(‘data-src’));
} } }
window.onload = tubespeed;
</script>

2.　貼り付けた動画の埋め込みコードの中の、srcを空にしてdata-srcにyoutubeのURLを入れる。　
修正点
【修正前】
　<iframe width=”560″ height=”315″ src=”https://www.youtube.com/embed/7eoiyP4kaAQ” frameborder=”0″ allow=”autoplay; encrypted-media” allowfullscreen></iframe>
【修正後】
　<iframe width=”560″ height=”315″ src=”” data-src=“https://www.youtube.com/embed/7eoiyP4kaAQ” frameborder=”0″ allow=”autoplay; encrypted-media” allowfullscreen></iframe>

上記の例を参考にやってみたのですが、動画の部分が表示されなくなってうまくいきませんでした。