3-2．カスタマイズ画面[ys]デザイン

サイト共通部分のデザイン設定ができます。

サイトヘッダー

ヘッダータイプを、
・ロゴとお問い合わせ項目の間にメニュー表示
・ロゴとお問い合わせ項目の下段に中央揃えでメニュー表示
・ロゴとお問い合わせ項目の下段に左揃えでメニュー表示

の３タイプからお選びいただけます。

ヘッダーの背景色・文字色などを設定できます。

お問い合わせ項目の色設定に関しては、「初期設定」画面から行ってください。

検索のための虫眼鏡アイコンをヘッダーに常時設置することができます。

「ヘッダーを画面上部に固定する」にチェックすると、スクロールしたときに、ヘッダーを上部に固定し常に表示させることが可能です。

プレビューに、ヘッダーの高さが表示されますので、そちらを参照しサイズを入力してください。
未入力でも自動的に高さが調整されますが、回線速度が遅かったり、処理速度の遅い端末を使っている場合ページ表示時にガタつきが発生する恐れがあります。

そのような問題を回避するために、あらかじめヘッダーの高さを設定します。

コンテンツ開始位置の自動調整機能を無効にするすることも可能です。

メニュー項目の間隔が調整できます。数値を入力して間隔を調整してください。

数値を「0」もしくは未入力にした場合は、自動的に調整されます。

通常、横並びで表示されるグローバルナビゲーションは、モバイル表示などでは開閉式の「ドロワーメニュー」に折りたたまれます。

ドロワーメニューに切り替えたい画面横幅のサイズを設定します。

・携帯サイズのみドロワーメニューにしたい場合・・・320px〜428px（アンドロイドは540px）
・携帯・タブレットサイズでドロワーメニューにしたい場合・・・600px〜1,024px

でご設定ください。

また、PC表示でも常にドロワーメニュー表示にしたい場合、「常にドロワーメニュー表示にする」にチェックをつけてください。（「ドロワーメニュー開始サイズ(px)」の設定は無視されます。）