Luxelitasのモバイル用ナビボタンの設定と外観デザイン例

使い方

Luxelitasのモバイル用ナビボタンの設定と外観デザイン例

Ver.3.7.0~で実装された新機能で、モバイル端末で画面の下にナビボタンを表示できるようになりました。

 

モバイル用ナビボタン設定方法

設定は簡単です。

「外観」→「カスタマイズ」からモバイル用ナビボタン選択

モバイル用ナビボタン設定画面

 

表示ボタンを選択

表示したボタンにチェックを入れます。

モバイル用ナビボタン設定画面

 

表示できる項目は8種類

  • ホームへ戻るボタン(トップページえは非表示)
  • グローバルナビボタン
  • SNS ボタン
  • サイドバーボタン
  • 目次ボタン(目次があるページのみ表示)
  • コメントボタン
  • 検索ボタン
  • ページ上に戻るボタン

 

すべて表示した例

 

デザイン設定

設定できる項目

  • 文字の色・ボタンの色
  • 背景透過割合
  • ボタン角の丸み
  • ボタン間隔
  • アイコンのみで表示
  • 画面からはみ出る際はスクロールか折り返すか
  • ボタンの大きさ

モバイル用ナビボタン設定画面

 

デザイン例

背景透過なし

 

 

角の丸みをゼロにした例

 

 

丸みゼロ、間隔ゼロの例

 

 

アイコンのみで表示

 

 

 

その他メニュー

グローバルナビの設定

PC画面のグローバルメニュー
モバイルのグローバルメニュー
モバイルのグローバルメニュー

 

サイトのメインメニューの作成から設定は以下をご覧ください。

 

ヘッダー帯状メニューの設定

ヘッダー上の帯状メニュー
ヘッダー上の帯状メニュー

ヘッダーの右上に出せる小さなメニューの設定は以下をご覧ください。

 

使い方

Posted by 綾糸