Elementorに自動スクロールと無限ループの回転エフェクトを実装して、回転が連続的かつスムーズにスクロールするようにしましょう。このループ回転機能は、複数の画像を途切れることなく表示し、コンテンツを自然で魅力的に見せるのに最適です。
例えば、Eコマースサイトでは、この機能を使って新商品のおすすめや人気商品を表示し、ユーザーの注目を集めることができます。写真ポートフォリオサイトでは、この機能を使って多数の作品を表示し、訪問者が手動で操作することなく自動的にビジュアルコンテンツを閲覧することができます。また、企業の公式サイトでは、顧客事例や提携先、栄誉ある賞を回転させることで、訪問者の企業に対する印象を深めることができます。
このデモでは、ウェブサイトのユーザー体験を向上させるために、Elementorで円形の回転効果を設定する方法を紹介します。最後に、垂直方向の画像回転エフェクトを実装し、この回転がさまざまなデバイスでレスポンシブであることを確認する方法も紹介します。この垂直方向のループ回転は間違いなく主張があり、イベントや旅行のウェブサイトに最適で、イベントの写真や観光名所を紹介することでユーザーを惹きつけます。
このローテーションの自動スクロールと無限ループ機能は、ユーザーエクスペリエンスを向上させ、ウェブサイトの視覚効果を高めるという点で、かけがえのない役割を担っています。
デモアドレスhttps://demo-show.361sale.com/elementor-effects-14
ファイルダウンロードアドレス
Get Download Fileをクリックすると、ファイルが表示されます。
![画像[1]-エレメンタ特殊効果テンプレート:オートスクロールと無限ループ回転効果を実現するためのベストガイド](https://www.361sale.com/wp-content/uploads/2024/12/20241205110229222-image.png)
以下のことを確認してください。取付すでにインストールされています。Elementorフリー版とElementorプロ版.のみElementor Proバージョン但しテンプレートインポート機能
![画像[2] - ビジュアルインパクトを高めるためにElementorでスクロール動画シーケンスを追加する方法(デモとダウンロード付き)](https://www.361sale.com/wp-content/uploads/2024/12/20241204105446497-image.png)
![画像[3] - Elementor FX Template 1 - Photon Flux|プロのWordPress修理サービス、ワールドワイドで迅速に対応します!](https://www.361sale.com/wp-content/uploads/2024/12/20241203162515250-image.png)
サイトのバックエンドではウェブページクリックして追加新しいページ.上の写真の通り:
![画像[4] - Elementor FX Template 1 - Photon Flux Network|WordPress 修理専門サービス、ワールドワイド、スピード対応!](https://www.361sale.com/wp-content/uploads/2024/12/20241203162704190-image.png)
コミッションエレメンターエディター.上の写真の通り:
![画像[5] - Elementor FX Template 1 - Photon Flux|プロのWordPress修理サービス、ワールドワイド、迅速な対応!](https://www.361sale.com/wp-content/uploads/2024/12/20241203162820150-image.png)
の横にあるファイルをクリックして追加します。アイコンそうです。ステンシル.上の写真の通り:
![画像[6] - Elementor FX Template 1 - Photon Flux|プロのWordPress修理サービス、ワールドワイド、迅速な対応!](https://www.361sale.com/wp-content/uploads/2024/12/20241203163025214-image.png)
の右上をクリックします。アップロードフラグをクリックしファイルを選択次に、先ほど選択したローカルファイルを選択します。ダウンロードされたファイル.上の写真の通り:
![画像[7] - Elementor特殊効果テンプレート:自動スクロールと無限ループ回転効果を実現するためのベストガイド](https://www.361sale.com/wp-content/uploads/2024/12/20241205110433220-image.png)
次に、マイテンプレートに戻り、先ほどインポートしたテンプレートを確認し、[OK]をクリックします。プレビューエフェクトを表示しスティック.上記の通りです。
インポートが完了した後に結果を表示します。フッター歌で応えるフッターそして、対応するステンシル上へ
![画像[8] - Elementor FX Template 1 - Photon Flux|WordPress修理のプロフェッショナル、ワールドワイド、迅速な対応!](https://www.361sale.com/wp-content/uploads/2024/12/20241203165642489-image.png)
で先ほどインポートしたテンプレートをクリックします。ウェブページをクリックしてください。コンパイラ.上の写真の通り:
![画像[9]-Elementor FX Template 1 - Photon Flux Network|プロのWordPress修理サービス、ワールドワイド、迅速な対応](https://www.361sale.com/wp-content/uploads/2024/12/20241203170156167-image.png)
テンプレートを選択しエレメントキャンバスこれを選んだ理由はヘッダーとフッターが表示されませんディスプレイにはテンプレート内容.上記の通りです。
![画像[10] - ビジュアルインパクトを高めるためにElementorでスクロール動画シーケンスを追加する方法(デモとダウンロード付き)](https://www.361sale.com/wp-content/uploads/2024/12/20241204111245847-image.png)
同時にelmentorでページを編集セレクションサイト設定の選択においてオープニング.上の写真の通り:
![画像[11] - ビジュアルインパクトを高めるためにElementorでスクロール動画シーケンスを追加する方法(デモとダウンロード付き)](https://www.361sale.com/wp-content/uploads/2024/12/20241204111351718-image.png)
また、同じものがエレメンタキャンバスのテンプレートです。こうすればその他内容上記の通り:
![画像[12] - ビジュアルインパクトを高めるためにElementorでスクロール動画シーケンスを追加する方法(デモとダウンロード付き)](https://www.361sale.com/wp-content/uploads/2024/12/20241204111422999-image.png)
![画像[13] - ビジュアルインパクトを高めるためにElementorでスクロール動画シーケンスを追加する方法(デモとダウンロード付き)](https://www.361sale.com/wp-content/uploads/2024/12/20241204111449899-image.png)
![画像[14] - ビジュアルインパクトを高めるためにElementorでスクロール動画シーケンスを追加する方法(デモとダウンロード付き)](https://www.361sale.com/wp-content/uploads/2024/12/20241204111524836-image.png)
終了してくださいヘッダーとフッターをクリックします。ネッスル内部は上の写真:
最後に、保存して、フロントエンドのエフェクトが機能するか確認してください。
お問い合わせ |
---|
記事が読めない?無料でお答えします!個人サイト、中小企業サイトのための無料ヘルプ! |
① 電話:020-2206-9892 |
② QQ咨询:1025174874 |
三 Eメール:info@361sale.com |
④ 勤務時間: 月~金、9:30~18:30、祝日休み |
コメントなし