ワードプレスでローディング画面を表示させるための軽量プラグイン

ワードプレスサイトにローディング画面を表示するプラグインを作成いたしました。ウェブサイトで各コンテンツにページを移動するときにチラっと一瞬だけアイコンが出ているのがローディング画面です。

アイコンはGIF画像を使っているので軽量です。容量はわずか「数十KB」しかありません。ローディング画面に出す画像イメージが重ければ本末転倒なので100KB程度であればOK。ぜひご確認くださいませ。

どこかのページを表示しながら再読込み（更新）すれば画面をチェックできます。

ワードプレスでローディング画面を表示させるための軽量プラグイン

アイコン選びは想像以上に時間がかかってしまいましたが複数の候補もありました。

・通常ローディングのアイコン
・地球が回るアイコン
・ノートに書き込むアイコン
・虫眼鏡のアイコン
・時計の針が動くアイコン
・回転する雪だるまのアイコン
・本がめくれるアイコン

ローディング画面は来訪者を待たせない工夫の１つです。アイコンは業種によって使い分けましょう。たとえば車屋さんであればタイヤ付きのホイールが回るアイコンをローディング画像に使うとぴったりです。

もし仮にYoutube関連のウェブサイトならYoutubeのロゴをローディング画像に使うと良いかもしれませんね。

個人的には地球が回転するアイコンが好みでした。インターネットという印象もあるので使いやすそうです。

アイコン選びで悩みましたが通常のローディング画像と虫眼鏡アイコンを試しています。ちなみに今回のローディング画面で導入したスクリプトは「PleaseWait.js」。元々はロゴ画像の表示機能とメッセージの表示機能もありましたがあえて『画像の表示のみ』に絞って構成を変更しています。

急遽作ったプラグインなので現時点では公開予定はありません。もしローディング画面を導入したいというサイトオーナーさまからのお声がけがあれば無料で導入相談に応じますのでお気軽にご連絡ください。