MENU
ここを意識すれば一気にプロのクオリティーになる【特典】LP制作のコツ解説マニュアル付き LPtools公式サイトへ

Lightningのヘッダーの高さ変更について

Lightning はとても使いやすくもともとの標準機能が高機能でかなりの部分がノンコーディングでデザインの微調整が可能ですが、それでももっとやりやすくしたい場合もありますよね。

今回は画面スクロール時のヘッダー固定を解除、 ヘッダー の固定を解除、ヘッダー の高さを自動変更機能をオフにするやり方を紹介します。


Lightning のデフォルト機能では、ヘッダー の部分がスクロール時に画面上部に固定されるのが特徴です。便利な機能だと思う人もたくさんいますが、この機能は不要だという意見もあります。

ですので、高さ の変更が必要ないと思う人は、子テーマのfunctions.phpに固定ヘッダーを解除と記述すればヘッダー固定を解除することができます。

また、ヘッダーの高さ調節をオフにしたい場合は、同様に子のテーマfunctions.phpにヘッダーの高さ調整をオフにするとコードを記述してください。


また、他にもヘッダーの色を変更する方法もあります。Lightning のヘッダー は白色でカスタマイザーから色を自由に変更することは現時点ではできませんが、ヘッダーを左側に挿入するのはロゴ画像と同色にしたい要望もあります。

そういう場合も変更が可能なので、変更をしてください。その場合は、追加CSSあるいや子テーマのstyle.cssにヘッダーの部分の色をロゴカラーと同色に変更と記述します。自分が変更したいカラーコードを入れればOKです。
このように、Lightning はとてもおすすめのサービスですが、初めて利用する人には使い方で戸惑ってしまう部分もあると思います。

様々なカスタマイズがあるので、もし、気になることがあれば自分でも調べて自由に設定してみてくださいね。使用頻度も高く使いやすいと評判なので、使いこなして自分のりそうなLPを作ってくださいね。

興味がある人は是非参考にしてください。あなたの理想的なものが作れますよ。

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

コメント

コメントする