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

2019-09-16ルクセリタス・使い方

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

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

 

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

設定は簡単です。

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

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

 

表示ボタンを選択

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

ルクセリタス・モバイルナビボタン設定

 

 

 

表示できる項目は8種類

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

「下スクロールの時はボタンを隠す」の項目は、Luxeritas Ver.3.7.7~

 

すべて表示した例

 

デザイン設定

設定できる項目

  • 文字の色・ボタンの色
  • 背景透過割合
  • ボタン角の丸み
  • ボタン間隔
  • アイコンのみで表示
  • アイコンとテキストの配置・縦/横(Ver.3.7.7~)
  • 文字サイズ
  • ボタンの最小幅
  • 画面からはみ出る際はスクロールか折り返すか
  • ボタンの大きさ (Ver.3.7.7で廃止)

ルクセリタス・モバイルナビボタンデザイン設定

 

デザイン例

背景透過なし

 

 

角の丸みをゼロにした例

 

 

丸みゼロ、間隔ゼロの例

 

 

アイコンのみで表示

 

 

 

その他メニュー

グローバルナビの設定

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

 

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

 

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

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

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

 

関連記事