ヘッダー

ヘッダーレイアウト

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

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

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

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

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

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

ヘッダー位置

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

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

PC 用ヘッダー位置

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

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

ヘッダーコンテンツ

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

ヘッダーコンテンツの例

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

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

ヘッダーを全幅にする

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

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

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