WordPressでElementorプリローダーを作成する方法

Muneeb 仕事 Jan 24, 2022

プリローダーは、WordPressサイトに追加したいものです。 これは、ページがバックグラウンドで読み込まれるまでにかかる時間を示すアニメーションです。 プリローダーは、Webサイトがページの読み込みに取り組んでいて、何が起こっているかを確認していることを人々に知らせます。 これにより、ユーザーエクスペリエンスが向上し、離れる人の数を減らすことができます。

Elementorは新しいプリローダーオプションをリリースしました。 最高の最適化が必要であり、単にプリローダーを処理するためにWordPressサイト全体の速度を低下させたくないとします。 その場合は、このチュートリアルに従って、WordPressでElementorプリローダーを作成する方法を学ぶ必要があります。

Elementorプリローダーを作成する方法

まず、好きなSVGまたはGIFを選択します。理想的には、サイズが小さいものを選択します。 プリローダーは、無料の基本的なSVGローダーを探すのに最適な場所です。

Create an Elementor Preloader  - No Plugins Needed

Elementorプリローダーを含めるには、ページの最上部に新しいセクションを作成します。 このセクションの[ギャップなし]オプションを設定します。 ヘッダーテンプレート新しいセクションを作成して、Webサイトのすべてのページにプリローダーを含めることができます。

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

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

今すぐ始める

最後に、このセクションのHTML要素に次のコードを追加します。

ローダーのURLをWebサイトのURLに変更してください。

>div class="vanilla-preloader" /divscript/scriptstyle/style

それはほとんどそれです! ただし、コードと一緒に与えられた解説を使用して、プリローダーを希望どおりに正確に表示するようにさらに変更を加えることができます。 そして、あなたはあなたのウェブサイトのためのElementorプリローダーを持っているでしょう。

これは、プリローダーを追加することにより、Webサイトへの訪問者を維持する方法です。 これにより、ユーザーはWebサイトが機能していると考えることができ、Webサイトにとどまることができます。 Elementorを使用している間、プリローダーの作成はこれらの単純な調整がすべてです。 最新情報を入手するには、 FacebookTwitterに参加してください。