【JIN】記事一覧の下に空白のスペースができた場合の対処法。

こんにちは！みりこです。

私が大好きなワードプレスのテーマ『JIN』

デザインが可愛くて、私のような素人でもオシャレなサイトが作れるので、運営してるサイトのいくつかではJINを使っています。

で、今回はそのJINのテーマを使っていて、スマホだとトップページの下に大きな空欄スペースができてしまうということが起こりました。

結果的には一瞬で直ったのですが、そこにたどり着くまでが結構大変だったので、同じように悩んでいる人のお力になればと思って記事に残してみることにしました。

もしJINでトップページ下の大きな空白に困っている人がいたら、参考にしてくださいね。

JINの記事下 空欄の原因はJetpackだった！

結論から言うと、私の場合の記事下の空欄スペースができてしまう原因は、Jetpackのある設定が原因でした。

それを変えるだけで、いとも簡単に症状が改善してしまいましたよ。

で、それは何かというと、Jetpackの設定の中のパフォーマンスタブを開き…

『画像の遅延読み込みを有効にする』というチェックをOFFにするだけです。

これで簡単に改善してしまいました。

今までざざーっとスクロールしないとサイドバーが見れなかったのが、キュッとコンパクトになりましたよ。

ちなみに今回のこの改善方法は、Twitterでひらこさん（@hirako_jp）に教えていただきました。

いきなり失礼します。
jinのフォーラムに同じようなこと質問されてるの見かけました。

“JetPackの〝画像の遅延読み込みを有効にする〟をオフにする”

これでもし、改善しなければフォーラムで質問してみても良いかと。https://t.co/hB7xLdIpFQ

— ひらこー😆 (@hirako_jp) October 20, 2019

それまでJINの設定マニュアルのこちらのページで、何が原因かを確認していました。

いろいろプラグインを止めたりつけたりして検証をして、ようやくJetpackが原因だってことまでは突き止めたのですが、じゃあJetpackを消すか？っていうとそれもできず…

いろんな集計機能などを考えると、空欄も消したいけどJetpackを消すものキビしいなってかなり悩んでいたんです。

で、最後の砦でTwitterで聞いてみたところ、ひらこーさんから回答をいただけて本当に助かりました！

困った時は、Twitter本当に便利だなって再確認しましたね。

それと合わせて、マニュアルだけでなくJIN フォーラムもしっかりと見ないとなって反省。

人気なテーマだけに、こうやっていろんなトラブルに対しての回答がネット上にあるのが本当に助かります。

Jetpackの設定で改善しない場合は？

今回の私の症状は、Jetpackの1つの設定で改善しました。

ただ実は、もともとJetpackで同じような設定をしているサイトでも、空欄ができていないサイトもあります。

なので逆に、Jetpackの設定を変えても改善しないという場合もあるかもしれませんね。

もしJetpackを入れていなくて同じ症状が起こっている人や、Jetpackの指定の項目をOFFにしても改善しないという場合は、他にもこの辺りを確認してみてくださいね。

例えばコンテンツマガジンの設定では、表示させる記事のカテゴリーIDを

『2,5,6』と数字とカンマで入れる必要があります。

けれどこの『,』が多かったりすると、動作不良を起こしてしまうようです。

また今回私はJetpackが引っかかっていましたが、それ以外にもこういったプラグインが原因の可能性もあります。

私はこの上から一つずつプラグインを無効にしてみて、2個目のJetpackを止めてみたら改善したのでJetpackが原因だとわかりました。

ちょっと面倒ではありますが、1つずつ可能性がありそうなプラグインを無効にして症状が改善しないかを確認することで、原因のプラグインを見つけることができます。

見つかったら同じような機能があるプラグインに変更するか、もしくはプラグインの中にも設定がある場合は1つずつ設定をOFFにしてみて、症状を確認するしかないですね。

Jetpackの場合はなかなか代わりになるプラグインというのがありませんが、例えばキャッシュ系や画像圧縮系のプラグインなら、代わりになるものもあるので切り替えてみるのもいいかもしれませんね。

ただ、プラグイン変更したりする前には、必ずバックアップを取るのを忘れないでくださいね。

何か設定を変える時には、まずはバックアップ！を忘れないでください。

JINで記事下に大きな空欄ができてしまった時は、ぜひ参考にしてくださいね^^