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

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

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

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

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

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

インストール

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

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

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

プリローダーの表示方法

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

【Flat Preloader】の設定

STEP
Flat Preloaderを開く

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

Flat Preloader 設定
STEP
項目の設定

『Modern Flat』・『Flat』・『Emoji』の中から表示するプリローダーを選択。
表示したいページ等を選択します。

Flat Preloader 設定
Flat Preloader 設定
Modern Flat・Flat・Emoji表示したいアイコンを選択する
Preloader will be appeared onプリローダーを表示したいページを選択する
All pages:すべてのページ
Home:ホーム画面のみ
Text under loading iconアイコンの下に表示するテキストを入力
Delay time (ms)遅延時間の指定
STEP
保存
項目を設定したらSave Changesをクリックし、設定を保存します。

動作確認環境

  • バージョン 1.2
  • WordPress 5.4.1

このプラグインは上記の環境で動作を確認しましたが、ご使用の環境によっては、動作しないなどの不具合が起きる可能性がありますので、ご注意ください。

まとめ

  • 【Flat Preloader】は、ページを読み込み中にローディング画面(プリローダー)を表示するプラグイン。
  • ページが読み込み中であるということを表示することで、閲覧者のストレスが軽減される可能性があります。
目次
閉じる