トップページ記事一覧下に大きな余白ができてしまう

トップページ下に大きな余白ができてしまうことがあります。

JINではコンテンツマガジンの4つのタブ高さをJavaScriptで取得して、それに基づいて描画するようにしているのですが、この取得がうまくいかないときに起こってしまう問題です。

原因はいくつかありますので、まとめさせていただきます。

Contents

余白ができてしまう原因

コンテンツマガジンの設定が間違っている

プラグインでJavaScriptの読み込みが阻害されている

異様に大きいアイキャッチを使っている

そのほか

まずコンテンツマガジンの設定方法が間違っていないか確認しましょう。

例えば4つのタブを作りたい場合「11,12,13」のようにカテゴリーIDを入力します。このとき「,」が多かったりすると、動作の不良を起こしてしまうことがあるので、そういった設定ミスがないかをご確認ください。

何かのプラグインによって、JINテーマ側のJavaScriptの読み込みが阻害され、うまく記事の高さ取得ができずに余白があいてしまうことがあります。

原因としてあり得るのが以下のようなプラグイン

こういったプラグインを導入されているなら、停止して症状が治るか確認をお願いします。

縦長のアイキャッチを利用されている（旧テーマから移行して、アイキャッチサイズがあっていない）場合に、高さが不揃いになってしまうことがあります。

そういった場合には「regenerate thumbnails」のプラグインを活用して、アイキャッチ画像のサイズを統一してみてください。

そのほかの理由でトップ下に大きな余白ができてしまっている可能性もございます（独自カスタマイズ・タグの閉じ忘れなど）

もしどうしても解決しない場合には、JIN公式までお問い合わせくださいませ。

JIN限定コミュニティ「BLOG CAMP」

JINユーザー限定のブログコミュニティ「BLOGCAMP」をオープンしました！

・JINユーザーならずっと参加無料！
・ブログ診断など定期的なイベントあり
・稼ぐためのノウハウをコミュニティ内でシェア

という、本来なら月額かかるような有益なコミュニティをJIN公式でやっています。

ひつじくん

本気でブログで稼ぎたい人はぜひ参加してください！

BLOGCAMPへの参加方法はこちら↓