Loading Icon Library for PWAの使い方
ロードアイコンライブラリを導入すると、ページ読み込みの際に「読み込みアイコン」(例:?)を画面に表示することができます。複数用意されているロードアイコンからサイトのデザインに適したものを選択することができます。
ロードアイコンの設定方法は以下の通りです。
アイコンをロードすると、サイドメニュー > [PWA] > [設定] をクリックします。
- 設定画面が表示されます。
- [機能] タブ をクリックします。(上図①)
- [ローダー] 機能項目をクリックして有効化します。(上図②)
- [ローダー] 項目の
歯車アイコンをクリックします。(上図③)
設定画面が表示されます。
- ローダー: チェックボックスに ✔︎ を入力します。
- 読み込みアイコンセレクター:[読み込みアイコンを変更する] リンクをクリックすると複数のアイコンリストが表示されます。
- 使いたいアイコンをクリックして選択します。(上図)
- 選択したアイコンを表示画面で確認後、 [送信] をクリックします。
- 設定後、画面下の [送信] をクリックします。
設定した読み込みアイコン(ローダー)は以下のようにPWAサイトで表示されます。
読み込みアイコン(ローダー)の設定は以上です。