よくある質問

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


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

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

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

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

余白ができてしまう原因
  • コンテンツマガジンの設定が間違っている
  • プラグインでJavaScriptの読み込みが阻害されている
  • 異様に大きいアイキャッチを使っている
  • そのほか
  • コンテンツマガジンの設定が間違っている

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

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

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

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

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

    1. All in One SEO Pack
    2. JetPack
    3. Lazy Load
    4. 画像圧縮系プラグイン
    5. キャッシュ系プラグイン

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

    記事アイキャッチ画像が異様に大きい


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

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

    そのほか

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

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

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

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

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

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

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

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