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

2024-08-282026-01-27

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

お客様からのご相談内容

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

検証と対策

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

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

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

以上で解決。

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

Webサイト制作　記事一覧

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

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

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

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

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

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

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

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