【WordPress】スティッキーメニューを実装できるプラグイン。Sticky Menu (or Anything!) on Scroll

sticky_menu_on_scroll_s
Sticky Menu (or Anything!) on Scrollはページ上を一定のところまでスクロールすると上部にスティッキーを行うことができるプラグイン。
スペースやスクリーンの最小値を設定できるので、スマホの画面サイズからはドロワーメニューなどに切り替えてもいいかもしれません。

Sticky Menu (or Anything!) on Scrollプラグインを導入

ダッシュボード >> プラグイン >> 新規追加 >> Sticky Menu (or Anything!) on Scrollを検索
有効化にすると設定にSticky Menu (or Anything!)が追加されます。

設定

sticky_menu_on_scroll_1

Sticky Element スティッキー要素(メニューのIDかclass)
Space between top of page and sticky element ページの上部の要素の間のスペース
Check for Admin Toolbar 管理ツールバーをチェックしますか?
Do not stick element when screen smaller than 【入力した値】より画面が小さい時はスティッキー要素を貼り付けない
Do not stick element when screen larger than 【入力した値】より画面が大きい時はスティッキー要素を貼り付けたり
Z-index z-index
Push-up element プッシュアップ要素
Dynamic mode ダイナミックモード
Debug mode デバッグモード

サンプルとしてテーマのTwenty Twelveを使用しました。
sticky_menu_on_scroll_2
上記のような記事があるとします。記事の半分までスクロールすると下記のようになります。

sticky_menu_on_scroll_3
背景がないのでちょっと分かり難いですが、上部に固定されます。

 
wordpress

【WordPress】スティッキーメニューを実装できるプラグイン。Sticky Menu (or Anything!) on Scroll

  • LATEST
  • RELATED
  • POPULAR