管理画面 ▶ Theme Settings ▶ Header
ここにはロゴの設定が2つあります：
| Main Logo | これはページが読み込まれたときに最初に表示されるロゴです。メインロゴが設定されていない場合、代わりにサイトタイトルが表示されます。 |
| Dynamic Logo | これはページをスクロールしたり、メニューを開いたときに表示されるロゴです。（設定は必須ではありません） 例：dynamic logo site |
| Logo Size |
ロゴのサイズ設定 |
Images
| Add Line | Sliderを追加しました。この機能を使用することで、一度に複数のSliderを作成することができます。View Demo |
| Slider Images | Sliderに画像を追加し、ドラッグ＆ドロップで表示順序を設定できます。 1つのSliderには最低でも7枚の画像が必要です。 |
| Slider Direction | Sliderの移動方向をカスタマイズできます。 デフォルトの Normal は右から左への動きで、Reverse を選択すると左から右への逆方向に動きます。View Demo |
Setting
| @Layout | スライダーの動きのスタイルを横方向 Horizontal または縦方向 Vertical で選択できます。View Demo |
| @Full Breakpoint | スライダーの幅をブラウザウィンドウの幅と同じに設定します。View Demo |
| @Smooth | スライダーの最初と最後にスムーズな効果を加えることで、スライダーの動きをより滑らかにします。View Demo |
| @Mask | 画像の上にカラーレイヤーを重ねる機能を追加します。これは、MAIN VISUALの「MASK」機能と同様の動作です。 |
| @Background Color | スライダーの背景色を設定します。HEXコードやRGBコードを使用できます。 |
| @Radius | 画像のコーナー半径を設定します。 |
| @Gutter | 画像間の間隔を設定します。 |
| @Image Width | 画像の幅を設定します。 画像は16:9の比率で分割されます。 |
| @Image Height | 画像の高さを設定します。 |
| @Speed Limit | スライダーの移動速度を設定します。 |
| @Line Height |
スライダー全体の高さを設定します。 |
Contents
スライダーの上に任意のコンテンツレイヤーを追加できます。View Demo