WordPress

【WordPress】スティッキーヘッダーを実装することができるFixed And Sticky Header

April 24, 2018
Fixed And Sticky Header

Fixed And Sticky Header
Fixed And Sticky Headerはヘッダーやメニューを常に表示させるためのプラグイン。固定ヘッダーオプションを設定することで背景色、テキストカラー変更、高さ、パッディング、スクロール設定などが行えます。

Fixed And Sticky Headerプラグイン導入

ダッシュボード >> プラグイン >> 新規追加 >> Fixed And Sticky Headerを検索
有効化にすると設定にFixed And Sticky Headerが追加されます。

Plugin Settings

Fixed And Sticky Header
※Twenty Sixteenを使用しています。

Add Fixed Header (Class or Id) 固定ヘッダーを追加する(クラスまたはID)
Background Color 背景色
Text Color テキストの色
Fixed Header Height 固定ヘッダーの高さ
Fixed Header Padding 固定ヘッダパディング
Fixed Header Scroll 固定ヘッダーが開始されるスクロール

Fixed And Sticky Header
上記のようにヘッダーにメニューが表示されます。

Fixed And Sticky Header

スクロールダウンするとヘッダーが現れます。