# アニメーション

> **学べること**
>
> * ページ読み込みトランジションを有効にする方法
> * ページアニメーションの速度を制御する方法

***

### この設定について

この **アニメーション** Plain Jane テーマの設定では、ページが最初に読み込まれるときのアニメーションを制御できます。これはサイトの仕上がりを良くし、視覚的な流れを改善する簡単な方法です。

***

### ページトランジション

#### ページトランジションアニメーション

ページが読み込まれるときの表示方法を選択してください：

* **なし** — アニメーションなし
* **フェードイン** — ページ読み込み時の滑らかなフェード効果

#### トランジションの継続時間

* アニメーションの継続時間（秒単位）を調整します
* スライダーまたは入力ボックスを使用してください（例： `1秒`, `2秒`）で速度を微調整します

> ✨ 1秒のフェードは、滑らかで遅すぎないバランスの良い選択です。

***

### 使用するタイミング

以下の場合はフェードインアニメーションを使用してください：

* ページ間の急な切り替えを和らげたいとき
* サイトに大きな背景画像や動画が含まれているとき
* 洗練された、または映画的な美観を目指しているとき

以下の場合は使用を避けてください：

* 効果なしで可能な限り高速な読み込みを望むとき
* ストアが製品ページ間の迅速なナビゲーションに依存しているとき

***

### **ヘルプが必要ですか？**

* 💬 **Discordでコミュニティに参加：** <https://discord.gg/hcc2GvgZc6>
* 📧 **メールでお問い合わせ：** <support@openspaces.design>
* 💻 **ライブチャット：** 月〜金、現地時間午前10時〜午後6時（EST）に当社ウェブサイトで直接対応