ロード画面を簡単に設定できるプラグイン[loftloader]

ロード画面をつけたい

WordPressにロード画面をつけたい時に活躍するプラグインが[loftloader]

シンプルな操作で数種類のアニメーションを設定することができます。

あくまで数種類の設定の組み合わせですので、あまり詳しいところまでは設定できません。

しかし、オリジナルの画像を使用することもできるのでオリジナリティは演出することができます。

使い方

WordPressの管理画面のプラグインから新規プラグイン[loftlorder]をインストールします。

インストールされたプラグインから[loftloader]のsettingをクリックすると設定画面へ移動します。

設定画面は英語ですので、下記で設定項目の説明を行います。

設定画面の項目説明

Display on

アニメーションが再生されるページの設定です。
ロードが終わり次第アニメーションも中断されるので、Sitewideでも煩わしさは感じませんでした。

  • Sitewide(サイト全ページ)
  • Homepage only(ホームページのみ)

Background

ロード画面の背景の設定です。
Ending Animationは右側のロードのプレビュー画面にカーソルを載せると確認できます。

  • Pick Color(背景色)
  • Opacity(透明度)
  • Ending Animation(ロード完了アニメーション)

Loader

ロード中のアニメーションの設定です。
数種類のアニメーションの中から選んでカラーを設定することができます。

上の段右から数えて2つ目までは、オリジナルの画像を組み合わせる事ができます。

個人的には一番右のアニメーション、半透明の画像が下からロードされていくものの、ロードの有無の設定が出来ればよかったかなと思います。

More

ロードアニメーションの終了設定です。
エラーでロードアニメーションが終わらない。を防ぐことが出来ます。

  • Maximum Load Time(ロードアニメーションの強制終了時間)
  • Close Button(✕ボタンの出現時間とテキスト)
  • Plugin data(触らなくてOK)

Advanced と Upgrade to Pro

この2つの項目は触らなくてOKです。

まとめ

シンプルなロードアニメーションならloftloaderで十分だと思います。

ロードアニメーションはつけることでサイトのリッチ感がでるので、購入促進にもつながるかもしれません。

wordpress.logo

この記事が気に入ったら
フォローしてね!

よかったらシェアしてね!
  • URLをコピーしました!

この記事を書いた人

bobuのアバター bobu Webクリエイター

ホームページ制作、リメイク、バナー、画像制作を行っています。
毎朝5:00-7:00 まで朝活で ITの知識を インプット+ Twitter へアウトプット。
お仕事のご依頼は「お問い合わせページ」からご連絡ください。