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/)