好き嫌いがあるかもしれないですが、「Page Loading Effects」が便利だったので紹介します。
WordPressのプラグインで、ページ遷移時のページ読み込みの際に、ローディング中の背景とアイコンを表示してくれるものです。
「Loading Page With Loading Screen」もいいのですが、シンプルなのでPage Loading Effectsを設定しています。
プラグインの新規追加から、「Page Loading Effects」を検索して設定します。
![WordPressのPage Loading Effectsが便利](https://res.cloudinary.com/dz7ruywxa/images/f_auto,q_auto/v1636276077/093ae5b3ab30d81cf2310c10f4c74393/093ae5b3ab30d81cf2310c10f4c74393.jpg?_i=AA 1000w, https://res.cloudinary.com/dz7ruywxa/images/w_300,h_196,c_scale/f_auto,q_auto/v1636276077/093ae5b3ab30d81cf2310c10f4c74393/093ae5b3ab30d81cf2310c10f4c74393.jpg?_i=AA 300w, https://res.cloudinary.com/dz7ruywxa/images/w_768,h_502,c_scale/f_auto,q_auto/v1636276077/093ae5b3ab30d81cf2310c10f4c74393/093ae5b3ab30d81cf2310c10f4c74393.jpg?_i=AA 768w)
今すぐインストールをクリックして、有効化します。
左メニューに、「Page Loading Effects」が出てきます。
![WordPressのPage Loading Effectsが便利](https://res.cloudinary.com/dz7ruywxa/images/f_auto,q_auto/v1636276072/1baa086c77b05e1168d28ffe556354b6/1baa086c77b05e1168d28ffe556354b6.jpg?_i=AA 316w, https://res.cloudinary.com/dz7ruywxa/images/w_118,h_300,c_scale/f_auto,q_auto/v1636276072/1baa086c77b05e1168d28ffe556354b6/1baa086c77b05e1168d28ffe556354b6.jpg?_i=AA 118w)
設定画面にいくとこのように表示されます。
![WordPressのPage Loading Effectsが便利](https://res.cloudinary.com/dz7ruywxa/images/f_auto,q_auto/v1636276068/acf1017f5611f38370b5263b24501977/acf1017f5611f38370b5263b24501977.jpg?_i=AA 1000w, https://res.cloudinary.com/dz7ruywxa/images/w_300,h_283,c_scale/f_auto,q_auto/v1636276068/acf1017f5611f38370b5263b24501977/acf1017f5611f38370b5263b24501977.jpg?_i=AA 300w, https://res.cloudinary.com/dz7ruywxa/images/w_768,h_723,c_scale/f_auto,q_auto/v1636276068/acf1017f5611f38370b5263b24501977/acf1017f5611f38370b5263b24501977.jpg?_i=AA 768w)
アニメーション効果、ページローダーの表示時間等が設定できます。
設定完了すると、サイトでページ遷移時に、ローディングアイコンが表示されるようになります。
これだけです。