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

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

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

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

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

こんな場合におススメ

  • データを読み込んでいる間、ローディング画面を表示したい
プラグインを使ってできること

  • ページの読み込み中、ローディング画面(プリローダー)を表示する
スポンサーリンク

インストール

Flat Preloader インストール
Flat Preloader インストール
  1. 管理画面 > プラグイン > 新規追加 とクリックする
  2. Flat Preloaderで検索する
  3. 今すぐインストールをクリック。インストール後有効化する

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

Flat Preloader

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

関連記事

WordPressのプラグインをインストールする方法は、全部で3つあります。 ダッシュボードから検索してインストールする ダッシュボードからZIP形式のファイルをアップロードする FTPでサーバーにアップロードする[…]

WordPressのプラグインをインストールする方法

プリローダーの表示方法

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

【Flat Preloader】の設定

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

    Flat Preloader 設定

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

    Flat Preloader 設定
    Flat Preloader 設定
    Modern Flat・Flat・Emoji表示したいプリローダーを選択する
    More settingsプリローダーを表示したいページを選択する

    All pages:すべてのページ
    Home:ホーム画面のみ

  • STEP3
    保存
    項目を設定したらSave Changesをクリックし、設定を保存します。
スポンサーリンク

動作確認環境

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

まとめ

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

他にプリローダーを表示するプラグイン

ページのローディング画面を表示する【Flat Preloader】の使い方
最新情報をチェックしよう!
スポンサーリンク