ページのローディング画面を表示する【Flat Preloader】

情報量の多いページを閲覧する場合、どうしてもデータを読み込むまでに時間がかかってしまいます。

なかなかすべての情報が見られなかったら、せっかく来てくれたユーザーも離れていってしまうかも……。
データの読み込み中であることが分かれば、ユーザーも少しの間待ってくれるはず。

Flat Preloader】は、ページの読み込み中にローディング画面(プリローダー)を表示するプラグイン。

データの読み込みが完了するまで、ローディング画面を表示することで、閲覧者のストレスが少し軽減されるかもしれません。

こんな場合にオススメ
  • データを読み込んでいる間、ローディング画面を表示したい
プラグインを使ってできること
  • ページの読み込み中、ローディング画面(プリローダー)を表示する
目次

インストール

Flat Preloader インストール
Flat Preloader インストール
インストール方法
  1. ダッシュボード > プラグイン > 新規追加 とクリックする
  2. Flat Preloaderで検索する
  3. 今すぐインストールをクリック。インストール後有効化する

または、配布サイトからダウンロードして、インストール。

手動でインストールする方法はコチラ

プリローダーの表示方法

プラグインを有効化すると、自動的にページ読み込み時にプリローダーが表示されるようになります。

【Flat Preloader】の設定

STEP
Flat Preloaderを開く

プラグインを有効化すると、管理画面 > 設定 内に『Flat Preloader』項目が表示されるので、そこから設定を行います。

Flat Preloader 設定
STEP
項目の設定

アイコンを選択し、表示したいページ等を選択します。

Flat Preloader 設定
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】は、ページを読み込み中にローディング画面(プリローダー)を表示するプラグイン。
  • ページが読み込み中であるということを表示することで、閲覧者のストレスが軽減される可能性があります。
よかったらシェアしてね!
目次
閉じる