よくある質問

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


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

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公式までお問い合わせくださいませ。

    【無料】メルマガでブログ講座やってます↓
    ひつじアフィリエイトメルマガ
    WordPressテーマ「JIN」
    JINテーマイメージ

    JIN(ジン)は読む人も書く人も、どちらも心地よく使える最高のWordPressテーマを目指して作り上げました。

    月100万円以上稼ぐアフィリエイターのノウハウが凝縮されているテーマです。売れるメディア作りに必要なものは、このテーマ内にすべて揃えました。

    JINをダウンロード!