情報量の多いページを閲覧する場合、どうしてもデータを読み込むまでに時間がかかってしまいます。
なかなかすべての情報が見られなかったら、せっかく来てくれたユーザーも離れていってしまうかも……。
データの読み込み中であることが分かれば、ユーザーも少しの間待ってくれるはず。
【Flat Preloader】は、ページの読み込み中にローディング画面（プリローダー）を表示するプラグイン。
データの読み込みが完了するまで、ローディング画面を表示することで、閲覧者のストレスが少し軽減されるかもしれません。
こんな場合にオススメ
- データを読み込んでいる間、ローディング画面を表示したい
プラグインを使ってできること
- ページの読み込み中、ローディング画面（プリローダー）を表示する
目次
インストール
インストール方法
- ダッシュボード > プラグイン > 新規追加 とクリックする
- Flat Preloaderで検索する
- 今すぐインストールをクリック。インストール後有効化する
または、配布サイトからダウンロードして、インストール。
手動でインストールする方法はコチラ
プリローダーの表示方法
プラグインを有効化すると、自動的にページ読み込み時にプリローダーが表示されるようになります。
【Flat Preloader】の設定
STEP
Flat Preloaderを開く
プラグインを有効化すると、管理画面 > 設定 内に『Flat Preloader』項目が表示されるので、そこから設定を行います。
STEP
項目の設定
アイコンを選択し、表示したいページ等を選択します。
| Color style animated icons・iOS Glyph style animated icons・Windows 10 style animated icons・Office style style animated icons・Modern Flat・Flat・Emoji | 表示したいアイコンを選択する |
|---|---|
| Preloader will be appeared on | プリローダーを表示したいページを選択する All pages：すべてのページ Only homepage：ホーム画面のみ |
| Text under loading icon | アイコンの下に表示するテキストを入力 |
| Delay time (ms) | 遅延時間の指定 |
STEP
保存
項目を設定したらSave Changesをクリックし、設定を保存します。
動作確認環境
- バージョン 1.4.1
- WordPress 5.7.2
このプラグインは上記の環境で動作を確認しましたが、ご使用の環境によっては、動作しないなどの不具合が起きる可能性がありますので、ご注意ください。
まとめ
- 【Flat Preloader】は、ページを読み込み中にローディング画面（プリローダー）を表示するプラグイン。
- ページが読み込み中であるということを表示することで、閲覧者のストレスが軽減される可能性があります。
他にプリローダーを表示するプラグイン