sounansa.net

ページ切り替えのとき読み込み中のアニメーションを表示させるWordPressの無料プラグインをまとめて紹介します。

WordPressというより、レンサバのスペックが低いのが原因であることが多いのかもしれませんが、WordPressのサイトってキャッシュ系プラグインを使っていても重いなぁって思うことも多いでしょう。

真っ白な画面で待たせるより、読み込み中のアニメーションを表示させるほうが、訪問者のストレスを軽減し、サイトからの離脱を防ぐのに貢献するかもしれません。

過去の記事「アニメーションエフェクトでブログが見ちがえるほどオシャレになる！僕も使ってるWordPressのプラグイン」の中でPage Transitionというローディングアニメーションのプラグインを紹介しましたが、探してみるとページ切り替えのアニメーションプラグインはたくさんあったので、まとめてみました。

Loading Page with Loading Screen

当サイトでも以前に使っていたプラグイン。シンプルでオシャレですね。

Border Loading Bar

ページの上部にライン状のプログレスバーがアニメーションで表示されるプラグイン。プログレスバーは下でも横でも表示設定が可能です。

WP Simple and Nice Preloader

色々なタイプのアニメーションが選べます。モダンブラウザとIE用でそれぞれ別々に設定できるようです。

Ultimate Preloader

1番目に紹介したプラグインと似てますが、こちらのほうが設定がいじれます。おすすめ。

RT Preloader

四角いタイルが回転するアニメーションです。

DWL Preloader

3色のの線がぐるぐる回ります。

Gmail Style Preloader

Gmail風のプリローダーです。

Ultimate WordPress Preloader

こちらは有料のプラグインですが、99種類のアニメーションから自由に選べます。

WordPress Preloader Unlimited

有料のプラグインです。プリセットのアニメーションの選択肢もたくさんありますが、特徴はオリジナルテキストのアニメーションを作れることです。差別化したいのであれば選択肢としては面白と思います。

MelonHTML5 – Royal Preloader WP

好きなテキストや画像を使ってプリローダーアニメーションが作成できる有料プラグインです。

LoftLoader Pro

おしゃれなフォントを選択して好きなテキストでプリローダーアニメーションが作成できます。