ヘッダー

カスタマイザー → デザイン → ヘッダーから設定できます。

ヘッダーレイアウト

PCでの、ヘッダーレイアウトを設定できます。

ヘッダーレイアウトで使用したいレイアウトを選択してください。プレビュー画面が更新されてデザインを確認できます(ブラウザのサイズが小さい場合はタブレットサイズのヘッダーデザインが表示されてしまう場合があります)。

グローバルナビゲーションを縦書きにする

ヘッダーレイアウトが「2行」以外の場合に設定できます。

チェックすると、グローバルナビゲーションの各項目が縦書きで表示されます。

1行ヘッダー + 縦書きの場合

ヘッダー位置

スマホ・タブレット用のヘッダーの表示位置を下記から選択できます。

  • 上部固定
  • オーバーレイ(上部固定)
  • オーバーレイ(上部固定/スクロール時背景白)
  • オーバーレイ
  • ノーマル

上部固定は IE11 などのレガシーブラウザには反映されません。

PC 用ヘッダー位置

PC 用のヘッダーの表示位置を選択できます。選択肢は「ヘッダー位置」と同じです。

オーバーレイの場合
上部固定以外でちょっとスクロールさせた場合

上部固定は IE11 などのレガシーブラウザには反映されません。

ヘッダーコンテンツ

ヘッダーの右端に任意のコンテンツを追加できる機能を追加しました。よくある予約ボタンとか電話番号とか、そういうのを入れる想定です。PC サイズのときだけ表示されます。

ヘッダーコンテンツの例

モバイルでもヘッダーコンテンツを表示

ヘッダーコンテンツはPCのみでの表示ですが、モバイルでもヘッダーコンテンツを表示にチェックをいれるとスマートフォンやタブレットでもヘッダーコンテンツが表示されるようになります。

ヘッダーを全幅にする

通常、ヘッダーの中身はコンテンツの幅と一致した状態で表示されますが、この設定を有効化するとブラウザの端いっぱい(左右余白は確保されます)まで広がるようになります。

グローバルナビゲーションのホバーエフェクト

グローバルナビゲーションのメニュー項目にホバーしたときのエフェクトを選択できます。

文字色の反転
下線

ヘッダーの文字色

未設定の場合は通常の文字色(#333)、オーバーレイの場合は白(#fff)となります。

紫色に設定した場合

ハンバーガーボタンの位置

右もしくは左から選択できます。

右の場合(デフォルト)
左の場合

Snow Monkey オンラインコミュニティ

Snow Monkey をより良いテーマにするために、今後の機能開発等について情報共有したりディスカッションをしたりする場所です。より多くのユーザーの交流があったほうがより良いプロダクトに育っていくと思いますので、ぜひご参加ください!