Elementor視差効果を作成するにはどうすればよいですか？

今日、ネット上には、背景が前景部分よりも速く移動して奥行きを伝える、ひどい天気のスクロールアニメーションを備えた優れたWebサイトが数多くあります。建設会社や販促機関など、誰もがこの施設を利用してポートフォリオを形成し、多くの注目を集めています。

視差の影響は間違いなく壮観であり、それはあなたのウェブサイトをギャングから際立たせ、知識のある外観を与えることができます。また、専門知識が十分になくても、 Elementorを使用してWordPress Webサイトに視差効果を追加できますか？

視差はElementorProの真の不可欠な機能であり、Elementorのプレミアムバージョンで視差効果を作成できます。今日はそれについて説明します。また、無料版のElementorで、この機能を使用して美しいページを作成できます。

視差の特権は、それが本当にクールに見えることであり、それはユーザーの婚約にも役立ちます！ A / Bテストを行う機会がある場合は、ウェブページに一次視差効果を追加することで、バウンス率を下げ、ページの平均時間を増やすことができるかどうかを確認する価値があります。視差の戦略的な使用は、訪問者をあなたの行動への呼びかけに直接導くことが証明されています。視差効果の動きが目を引きます。つまり、慎重に配置されたボタンまたはフォームを使用すると、全体的なコンバージョン率を高めることができます。

素晴らしいウェブサイトを作成します

最高の無料ページビルダーElementor を使用

今すぐ始める

要素に対する視差効果

Webページのデザイン視差効果がこれまでになく管理しやすくなりました。視差と互換性のある特別なWordPressテーマの需要はありません。 Elementorでは、Webページビルダーをドラッグアンドドロップするだけで、あらゆる種類の効果を作成できます。

オンラインショップの装飾、魅力的なブログレイアウトのデザイン、優れたランディングページの作成など、Elementorはあなたを取り戻しました。

この記事の手順に従って、新しい視差Webサイトの作成を開始してください。

ElementorProの視差のあるページ

それでは、視差効果をWebページにもたらす作業をしましょう。まず、「Elementor Full Width」を選択し、「Advanced」タブに切り替えます。もちろん、白紙のページでは視差効果の美しさを感じることができないため、ページにはいくつかのセクションが必要です。プレースホルダーセクションがあり、必要なものを使用できます。

効果を設定するには、[詳細]に移動します

垂直

たとえば、ヒーローコンパートメントとは異なる速度で2番目のセクションのらせんを作成しています。スクロール効果に適用できる追加の設定があることを忘れないでください。垂直スクロールでは、要素を上または下に配置し、表示されるレートを変更し、ビューポートまたはページ全体に対して影響を与えるように選択できます。

水平

垂直スクロールの場合と同様に、画像またはセクションをディスプレイ内で水平方向に移動できます。ここでの選択は、左または右、速度、およびパーセントが下と上から表示されます。

透明性

透過性モーションエフェクトを使用すると、魅力的なフェードルックを得ることができます。この領域のすぐ下には、同じことを実行するオープニングアニメーションもあります。それでも、透明性の動きの影響は、しかし、一度それが現れると、あなたにたくさんの管理を提供します。このオプションでは、フェードインするか、状態を変更するか、フェードアウトするか、フェードインしてからフェードアウトするかを決定できます。さらに、完全な透明度レベルを1から10に設定できます。

ぼかし

ブラーモーションエフェクトを使用すると、不明瞭に始まり、被写界深度ショットのような焦点を合わせて、方向内から開始し、スクロールしてぼやけ始める画像を所有できます。これはとてもクールに見えます。透明効果と同様に、ぼかしでは、さまざまなスタイルでフェードインまたはフェードアウトするなどのオプションを選択できます。

これらはあなたが見ているであろう即時の効果です。それでも、回転やスケールのアニメーションに加えて、多くのスタイルオプション、マウスエフェクト、およびWebサイトの要素をポップするのに役立つその他の印象的なエフェクトなど、考慮すべき点は他にもたくさんあります。