Divi は Web ページにアニメーションを編集過程をリアルタイムに確認しながら設定することができます。アニメーションの設定はセクション、行、モジュールのそれぞれで設定できます。
WordPressテーマ Diviの使い方５
サイトにアニメーションを設定する
１．アニメーション設定の場所
アニメーションを設定するには、
 | セクション（青色）、行（緑色）、モジュール（灰色）のそれぞれの「⚙（歯車）」アイコンをクリックします。 |
 | 設定のパネルが表示されるので「デザイン」タブの「アニメーション」をクリックします。※行やモジュールでも同様です。 |
２．アニメーションを設定する
１）Animation Style（アニメーションスタイル）
Animation Style では、アニメーションの形状を設定できます。
 |
|
２）Animation Repeat（アニメーションリピート）
Animation Repeat では、クリックすることで、１回のみか連続か選べます。
 |
|
３）Animation Direction（アニメーション方向）
 | 「✔（チェックマーク）」をクリックして承認します。 |
Animation Direction では、アニメーションの方向を設定できます。
４）Animation Duration（アニメーション期間）
Animation Duration では、アニメーションの実行期間（時間）を設定できます。
 | 単位はミリセカンド（ms） |
５）Animation Delay（アニメーションディレイ）
Animation Delay では、アニメーションの実行開始までの遅延時間を設定できます。
 | 単位はミリセカンド（ms） |
６）Animation Intensity（アニメーション強度）
Animation Intensity では、アニメーションの動きの大きさを設定できます。
 | 単位は％です。 |
７）Animation Starting Opacity（アニメーション 開始 透過度）
Animation Opacity では、アニメーション開始時の透過度を設定できます。透過状態から現れてきます。
 | 単位は％です。 |
８）Animation Speed Curve（アニメーション速度曲線）
Animation Speed Curve では、アニメーションの実行速度曲線を設定できます。
 |
|
アニメーションを設定することでサイトに動きを出せます。Divi ではセクション、行、モジュールのそれぞれに動きを設定できます。適度に動かすことはサイトのイメージアップにつながることもあります。設定してみましょう。
ワードプレス Divi レッスン Diviの使い方図解
写真サイトを構築する際に、役に立ちそうな設定や情報をまとめています。こちらは、ワードプレステーマ Divi に関連する記事の目次ページとしています。なるべく図を用いて簡単に説明するようにしています。参考にどうぞ。
