モーションテキストやアニメーションテキストは、どんなウェブサイトでも視聴者の注目を集めます。そして、それを使って作成するのは楽しいです。 Elementor モーションテキストウィジェットウィジェットには、タイトルのモーション テキストにさらに魅力的な効果を与える編集オプションがいくつかあります。魅力的なモーション テキストは、サイトのコンバージョンを促進します。
WordPress でテキスト アニメーションを作成するためにウィジェットを追加するのは、簡単なプロセスです。モーション ウィジェットを使用してクリエイティブなアニメーション テキストを作成する場合は、ドキュメントに従ってください。
テキストアニメーションWordPress #
ダッシュボードに移動 -> 任意のページを選択するか、新規作成します -> Elementorで編集 -> モーションテキストウィジェットを検索
ウィジェットを追加した後、コンテンツ部分を編集します。 コンテンツセクション –
タイトル #
タイトルやテキストを追加または編集する
![ダイナミックなモーションは、あらゆる WordPress サイトにさらなる魅力を加えます。](https://help.wpmet.com/wp-content/uploads/2020/04/Screenshot_30-1-1024x399.png)
タイトルHTMLタグ #
ドロップダウンから希望のHTMLタグを選択します
![モーション テキスト ウィジェットを使用して、視聴者向けのインタラクティブなテキストを作成します。](https://help.wpmet.com/wp-content/uploads/2020/04/Screenshot_31-1-1024x434.png)
URLを入力してください #
- 任意のURLを入力してください リンクフィールド 必要な場合は
- 配置の選択
![Elementor モーション テキスト ウィジェットは、アニメーションをデザインするためのさまざまなオプションを提供します。](https://help.wpmet.com/wp-content/uploads/2020/04/Screenshot_32-1-1024x391.png)
アニメーション #
- アニメーションを有効にする
- アニメーション効果を選択
![モーションテキストは人々の注意を引き付け、Web ページに長く留まらせます。](https://help.wpmet.com/wp-content/uploads/2020/04/Screenshot_33-1-1024x499.png)
アニメーションの長さ #
アニメーションの長さを設定する
![モーション ウィジェットは、Web サイトに魅力的なアニメーションを作成するのに役立ちます。](https://help.wpmet.com/wp-content/uploads/2020/04/Screenshot_34-1-1024x471.png)
スタイル #
ここで編集できます 色、タイポグラフィ、テキストシャドウ タイトルテキストをより魅力的にします。
![アニメーションテキストを作成して、訪問者の注目を簡単に引き付けます。](https://wpmet.com/wp-content/uploads/2022/07/motion.png)
フロントエンドから見ると次のようになります。ここでは 右にフェードイン モーションアニメーション
![](https://wpmet.com/wp-content/uploads/2022/07/motion-2.gif)
ウェブサイトのスタイルは、ライティング効果など多くの要素に依存します。モーションテキストウィジェットは、ウェブサイトに何かを追加したい人にとって良い選択肢です。 WordPressウェブサイトへのダイナミックな動き上で見たように、数回クリックするだけで、ウィジェットを使用してクリエイティブな出力を得ることができます。
デモをもっと見るには ここをクリック