WPCOMテーマモジュールの新しいエントリーアニメーション機能の使い方のチュートリアル

WPCOM は中国の専門的な WodPess テーマ テンプレート サービス プロバイダーであり、多くの国内企業に高品質の Web サイト構築サービスを提供しています。最近、WPCOM テーマ モジュールのビジュアル エディター モジュールに、Web サイトの構築をより際立たせるためのエントリ アニメーション機能が追加されました。この記事では、エントリ アニメーションの設定チュートリアルを整理して、参考として紹介します。

、ビジュアルエディター

WPCOM テーマ モジュールのエントリ アニメーションはモジュールの機能用であるため、背景 - ページ - 編集するページを検索 - マウスを移動 - [ビジュアル エディター] をクリックするなど、対応するページのビジュアル エディターが必要です。

2. モジュール編集

エントランスアニメーションを適用する必要があるモジュールを追加または編集し、「スタイル」タブの「エントランスアニメーション」オプションを見つけます。

見つからない場合は、現在のモジュールが全幅モジュール、グリッドモジュールなどのエントリアニメーション機能をサポートしていないことを意味します。これらのモジュールは主に他のモジュールを配置するために使用されるため、アニメーション効果を内部モジュールに直接追加することをお勧めします。

3. 入場アニメーションを設定する

エントリーアニメーションオプションを見つけ、まず右側のスイッチをオンにしてアニメーション機能を有効にし、次に「アニメーション効果」と「アニメーション期間」のオプションを順に設定します。

命名の問題により、名前を見ただけではアニメーション効果の具体的な効果を理解するのは難しいため、翻訳は行われません。代わりに、対応するアニメーション効果が名前に直接付けられています。マウスを対応するアニメーション効果名に移動するだけで自動的に再生されるため、シンプルで直感的です。

アニメーションの継続時間の単位はミリ秒 (ms) で、秒 = 000 ミリ秒です。単位なしで数字を入力してください。設定した値が適切かどうかわからない場合は、アニメーション効果オプションに戻り、マウスを動かしてトリガーし、具体的な効果を確認することもできます。

4. 保存して公開する

エントリーアニメーション効果を使用する必要があるモジュールをページ上で一つずつ設定します。設定後、右上の公開ボタンをクリックしてページを保存します。