【WordPress】WordPress用の素晴らしいモバイルメニューShiftNav – Responsive Mobile Menu

WordPress

March 9, 2017


ShiftNavはWordPress用のレスポンシブ対応、タッチ対応のオフキャンバススライドアウトメニュープラグイン。

ShiftNav – Responsive Mobile Menuプラグインを導入

ダッシュボード >> プラグイン >> 新規追加 >> ShiftNav – Responsive Mobile Menuを検索
有効化にすると外観にShiftNavが追加されます。

外観 >> メニュー


メニューにShiftNav [Main]チェックボックスが追加されますので、ShiftNavに設定したいメニューでチェックを入れます。


メニュー項目をマウスオーバーするとShiftボタンが表示されますのでクリックします。

Disable Link リンクを無効にします
Highlight Link ハイライトリンク
Icon アイコン(Proバージョンのみ)
Scroll To スクロール(IDを指定)
Disable Current カレント無効
Disable Item 項目を非表示

ShiftNav

Assigned Menu 割り当てられたメニュー(チェックを入れたメニュー名が表示されます。)
Display Main ShiftNav Panel メインShiftNavパネルを表示
Edge 位置
Skin メニューの背景色
Indent Always Visible Submenus サブメニューを常に表示
Display Site Title サイトのタイトルを表示
Display Panel Close Button パネルを閉じるボタンを表示
Custom Toggle Integration Code カスタムトグル統合コード
Swipe Open スワイプオープン
Reset Settings 設定をリセット

Display Toggle Bar トグルバーを表示
Toggle Bar Style トグルバースタイル
Toggle Breakpoint ブレークポイントの切り替え
Hide Theme Menu テーマメニューを隠す
Hide UberMenu 3 UberMenu 3を隠す
Toggle Content トグルコンテンツ
Toggle Target トグルターゲット
Close Icon 閉じるアイコン
Toggle Bar Position トグルバーの位置
Align Text テキストの位置
Background Color 背景色
Transparent Background 透明な背景
Text/Burger Color テキスト/バーガーの色
Font Size フォントサイズ
Hamburger Size ハンバーガーサイズ
Toggle Bar Gap トグルバーギャップ
Reset Settings 設定をリセット

CSS Tweaks CSSの微調整
Shift Body シフトボディ
Shift Body Wrapper ボディラッパーシフト
Footer Content フッターコンテンツ
Mobile Only モバイルのみ
Button Size ボタンサイズ
Text Size 文字サイズ
Icon Size アイコンの大きさ
Disable Transforms & Transitions トランスフォーム&トランジションを無効
Touch-off close タッチオフ
Scroll Offset スクロールオフセット
Swipe Close スワイプで閉じる
Swipe Tolerance: Horizontal スワイプ公差:水平
Swipe Tolerance: Vertical スワイプ公差:垂直
Swipe Edge Proximity スワイプエッジ近接
Open Current Accordion Submenu アコーディオンサブメニューを開く
Collapse Accordions アコーディオンを折りたたむ
Scroll Shift Submenus to Top トップにサブメニューをシフト
Highlight Targets on Hover ホバー上のターゲットをハイライト表示
Highlight Targets on :active ターゲットの上でハイライト
Back Button Tag 戻るボタンのタグ
Back Button Text 戻るボタンのテキスト
Top Back Button トップへ戻るボタン
Bottom Back Button ボトム戻るボタン
Show Tips to Admins 管理者へヒントの表示
Lock Horizontal Scroll 水平スクロールをロック
Lock Scroll ロックスクロール
Load Font Awesome Font Awesomeをロード
Inherit UberMenu Conditionals UberMenu条件文を継承
Process UberMenu Menu Segments UberMenuメニューセグメント
Force Filter Menu Args 再フィルタリング
Kill Menu Class Filter メニュークラスのフィルター
Reset Settings 設定をリセット

Latest Posts

Related Posts