WordPress「Lightning」サイドバーが下にずれる-対策

WordPress 人気テーマ「Lightning」
あることを実現することで、サイドバーが下にずれる問題

お客様からのご相談内容
X(旧Twitter)のタイムラインをウィジェットを使用してトップページのサイドバーに埋め込み、そのページを閲覧している状態では問題無いが、他のページに移動し、再度トップページに戻ると、サイドバーの上部に大きな余白ができる。(サイドバーが下にずれる)

検証と対策

「Google Chrome」検証ツールで確認すると、該当箇所(サイドバー)にスタイルが適用されている。

<div class="sub-section sub-section--col--two" style="top: 82px;"></div>

これに対して、この件は該当ページのみに対策用CSSを追加。

/* サイドバーのズレ:上部余白対策 */
.sub-section--col--two {
    top: 0 !important;
}

以上で解決。

同様の件でお困りの方はご参考に。
 


WordPress 人気のテーマ、「Lightning」とは

有効インストール数 100,000 以上の信頼と実績

Lightning のリリースは2015年。大変多くのサイトに利用されており、今では有効インストール数が10万件以上にものぼります。(※2024年5月時点)長きにわたり選ばれ続けてきた国産テーマです。

WordPress の最新動向をキャッチアップ

WordPress では、新機能の追加や仕様変更などを目的に大規模なアップデートが定期的に行われており、今も進化の過程にあります。Lightning も、WordPress の動向に合わせて機能を追加し、進化を遂げています。

組織で開発し、更新・メンテナンスを継続

Lightning は株式会社ベクトルが提供するプロダクトです。組織で開発しながら、幾度のリニューアルを経て、セキュリティの強化、更新・メンテナンスを継続しています。

引用:Vektor,Inc.:Lightning 公式サイトより(https://lightning.vektor-inc.co.jp/