There are a number of options on how to add one to a WordPress site. How to Add a Loading Animation to Your WordPress SiteĪdding a loading animation is easier than you might think. This round up on the Awwwards website can inspire your own creations. The idea behind branding a loading animation is that it looks like it belongs on that site and isn’t just an add-on.
This could be as simple as using the brand’s website colors to actually using a company illustration. If you have the opportunity to create your own loading animation or use a plugin with customization options, then make sure the preloader is branded. The Benefits of a Branded Loading Animation Use an entertaining animation which doesn’t necessarily repeat the same exact action.Explain what is happening under the hood (props for using humor).
Show how much more time the user has to wait. Here are some tips to make them even better and more effective. There are a few things you can add to your loading animation to make it more interesting than just a moving image. A fun and entertaining loading animation will keep a user on the site no matter how long it takes. That’s when developers need to use more creative pre loaders. Spinning loading animations only work if the waiting time is short. Nowadays the spinning loading animations are more dynamic and nicer to look at. The first spinning pre-loaders had plenty of different versions, from flowers, to circle to snowflakes and even spinning ying yangs. The spinning circle loading animation has a staggered gradient motion. Not to be confused with the “rainbow circle of death” from Apple computers. The most common style of loading animations is the spinning circle. Also, we have learned how to make them much more enjoyable for the user without boring them and navigating away. Of course back then, they could last a lot longer than they do now. Even at the beginning of the age of internet, we had loading animations. If you’ve been around long enough, you know that loading animations have been making appearences since the 90’s. But in some cases, if the site is very big, the loading animation needs to be truly captivating for the user to stick around. Some loading animations are short and don’t need to keep the user’s attention for very long. 4 With so Many Options, Which Will You Go For?Ī loading animation, also called a pre-loader, is an eye catching animation which shows up on a website long enough for all the elements to load. 3.2 Adding a Loading Animation Without a Plugin. 3.1 Using a Plugin to Add a Loading Animation. 3 How to Add a Loading Animation to Your WordPress Site. 2.2 The Benefits of a Branded Loading Animation. 2 Getting Familiar With Loading Animations.
0 kommentar(er)
