WordPress
【WordPress】簡単にスティッキーヘッダーを実装。Advanced Sticky Header
February 4, 2016

Advanced Sticky Headerは簡単にスティッキーヘッダーを実装できるプラグイン。設定で要素のクラス名を指定してサイトのヘッダーを上部に粘着させます。
ダッシュボード >> プラグイン >> 新規追加 >>
有効化にするとAdvanced Sticky Headerが追加されます。
Header Class | スティッキーにしたいnav要素のクラス名を入力 |
---|---|
Animate | アニメーション |
Animation Type | スティッキーヘッダーのトランジションスタイル |
Shadow | 影をつける |
Sticky Already | ページのロード時からスティッキーヘッダーを適用するか |
Full Width | スティッキーヘッダーの時全幅 |
サンプルとしてテーマのTwenty Twelveを使用しました。
上記のような記事をスクロールすると下記のように上部に固定されます。