ウェブる!CloseMENUWEBデザインコーディングお役立ちTips集客アップのコツバイクツーリングその他WordPressテーマプラグインガジェット楽しいコト。読者に飽きさせないためにもローディングアニメーションを実装してみました。今回は、WordPressのプラグイン「LoftLoader」を使ったら簡単に実装できたのでそのご紹介をしていきます!ゆうくん当ブログではこのようなローディングアニメーションにしてるよ!目次LoftLoader無料かつ、プラグインをインストールするだけで簡単にローディングアニメーションが実装することが出来ます!有料プランもありますが、無料だけで十分ですのでご安心ください。読み込み後のアニメーションが4種類ローディングアニメーションの変更(5種類+オリジナル画像)最大表示時間の設定では実際にプラグインをインストールしていってみましょう!プラグインを追加まずは、「プラグインを追加」ページを開き、右上の検索窓に「LoftLoader」を入力し検索をかけます。青色の四角が交差しているアイコンのプラグインが出てきますので「今すぐインストール」をクリック!そのあとは「有効化」し、設定作業にはいっていきます。Lite」を開いてください。onlyは「トップページだけ」という意味です!当ブログでは、サイト全体にしております。Colorは背景色を指定。Opacityは透明度。Animationは読み込み後のアニメーションとなってます。Down自動ドアの上下verな動きゆうくん個人的はFadeが気に入ってます!Loaderローディングアニメーションを設定することができます。(何秒後に閉じるボタンを表示するか)があります。TimeだけでOK!閉じるボタンを出すと、読者に余計なアクションを増やしてしまうので最大に何秒間だけローディングアニメーションを表示する設定だけでいいです。僕は最大10秒間だけに設定しております!ちなみにローディングアニメーションは読み込みが終わったら自動的に表示が終わる仕様です。Pro」は特に触る必要はないのでノータッチで大丈夫です!まとめ今回はWordPressのプラグイン「LoftLoader」を使ったら簡単にローディングアニメーションを実装できる方法を書きました!ページの読み込みが終わると自動的にローディングアニメーションも非表示になる最大何秒間表示するのかを設定できるので、ずっとローディングアニメーションが流しっぱなしになる心配もないです。PMお初にご連絡します。Elementorを使ってお仕事しています。ロフトローダーをたまたまYoutubeで見つけてその通りやってみるのですが、上手くいきませんでした。いうのは固定ページにいくつかLPを作っているので、各々違った、ロフトローダーをくっつけたいのですが、https://d-f-design.comにしかくっつかないでいます。ここは、別にホームではないので、そのうち変更しようとは思っていますが。お忙しいところ申し訳ないのですが、お時間があるときでも、何かしかヒントをいただければありがたいです。