New characteristic!: Clean web page transitions (customizable)
Overview
PageLoader is a wildly customizable loading display and progress bar plugin for WordPress. Add it to your theme as a easy preloader or make use of it as a full-blown branding software; the extremely straightforward to make use of customization instruments permit for each. PageLoader is a fantastically light-weight and unobtrusive preloader that makes an immediate impression in your guests.
- Add to any theme
- Customise with real-time previews
- WordPress Multisite appropriate
- Totally tried and examined on completely different gadgets, browsers and working techniques
- Actively developed
- Lifetime free updates
- Confirmed developer with customer-praised help
Options and performance
Loading icon
- Select from 10 included animated icons
- Place icon anyplace on the display
- Freely change icon animation pace, dimension and colours
- Add blur and fade results
- Optionally cover icon completely
Loading picture
- Add picture or enter picture URL
- Place picture anyplace on the display
- Add pulsating animation and management animation pace
- Add blur and fade results
Background
- Fade or slide animations (management route, scaling, animation pace)
- Optionally allow clean web page transitions (the loading display seems the second a hyperlink is clicked)
- Arrange any mixture of look/disappearance animations. For instance:
- the loading display fades into view however slides to the underside of the display out of view
- the loading display slides in from the left and slides out to the precise
- and so on.
- Optionally disable web site content material animation for preload
- Customise background coloration
- Add secondary background coloration for fade animation (pace management included)
- Use secondary background coloration for background gradient (might be animated, animation pace customizable)
- Customise background coloration transparency for see-through impact
- Add background picture (set as sample or full dimension)
- Customise background picture transparency for see-through impact
Layered Background
- Optionally allow clean web page transitions (the loading display seems the second a hyperlink is clicked)
- Arrange any mixture of look/disappearance animations. For instance:
- the loading display slides into view from the highest and slides to the underside of the display out of view
- the loading display slides in from the left and slides out to the highest
- and so on.
- Optionally disable web site content material animation for preload
- Customise background colours
Progress bar
- Place anyplace on the display
- Customise bar width, thickness, roundness
- Optionally show full display
- Customise bar and bar background colours (gradient choice additionally obtainable)
- Optionally disable on contact gadgets
- Optionally disable all different components and show the progress bar solely
- Optionally disable progress bar altogether
Loading messages
- Place anyplace on the display
- Enter as much as 5 loading texts, to be proven at random on every web page load
- Customise loading textual content coloration
- Customise font dimension
- Use theme font
Shut perform safeguard
- If loading takes too lengthy, a useful message with a detailed perform seems. This comes useful if one thing prevents a web page from ending loading (unresponsive embedded content material from a third-party, for instance).
- Set customized look timing
- Enter customized textual content
- Customise textual content and background colours
- Customise button nook roundness
- Use theme font
Publish-load web site content material animation
- Goal whole web site physique or particular components solely (a weblog submit’s title and content material, for instance)
- Customise animation pace
- Customise slide-in animation route and distance
- Customise scaling animation
- Customise opacity of component(s) the animation is utilized to
Different choices
- Show something you’d like on the loading display by means of the included unstyled widget location
- Show solely as soon as per browser session
- Set customized delay for loading display disappearance
- Disable loader on particular posts/pages
- Present loading display on contact gadgets solely
- Present loader on homepage solely (nice for welcome display conduct)
What’s new?
Model 4.6 - Added choice to routinely shut loading display after specified period of time. Helpful in the event you use PageLoader as a branding software for instance, and want to prominently however briefly show your emblem on every load.
Model 4.5 - Added a brand new, layered loader model (please see instance #9 on demo web site) -- Please discover this loader model's settings within the "Layered Background" part within the settings
Model 4.4 - PageLoader now helps clean web page transitions (see up to date examples #1 and #2 on the demo web site, characteristic might be enabled within the 'Background' settings part) -- create any begin/finish animation mixture -- optionally disable web site content material animation for pre-load - Added content material overlay coloration choice (permits for coloration and opacity customization)
Model 4.3 - Added choices to customise shut perform button background colours and nook roundness (view instance on demo web site)
Fast replace (no model change) - Some JS script and translation string updates
Model 4.2 - Added further slots for loading messages
Model 4.1 - Added animated gradient background coloration setting (view instance on demo web site)
Model 4.0 - Changed all 10 default icons with new ones (as an alternative of merely rotating, every icon now has a novel animation of their very own, the pace of which might be custom-made alongside the icons' colours and dimension) - Separated loading icon and picture settings. When picture is used, it now not overrides the icon. In brief, it's now potential to show the loading icon and picture concurrently, individually, or under no circumstances. One might be positioned and totally arrange independently from the opposite. - Separated loading texts and shut perform settings for higher management and future extendibility of every. - Added full-screen choice for progress bar. - Added choice to customise progress bar nook roundness. - Re-did progress bar's positioning choices for a lot higher flexibility. - Eliminated animated dots choice (redundant now as new icons embody related designs/animations).
Earlier updates
- Added secondary background coloration choice. When used, the background will fade between the colours (animation pace is customizable as properly). View instance #4 on the demo web site to see it in motion. - Added choice for a number of loading sentences (displayed randomly on web page load). - Added blur and opacity load begin results to loading icon/picture. Word: blur impact not but completely supported by all browsers (to be thought-about as future-ready characteristic). - Added choice to slip/fade in loading components at starting of load - Added an unstyled widget location - Added choice to utterly cover loading icon/picture - Added 'once-per-session' choice. It's now potential to have the loading display show simply as soon as, on the customer's first web page view solely. - It's now potential to show the loading picture from an off-site URL - Added choice to enter customized ALT textual content for the loading picture - Animated loading dots can now be scaled at will - Subsequent to prime and backside of display placements, progress bar can now even be positioned under the loading icon/picture - Progress bar's width can now be custom-made - Progress bar now has a padding choice - Added further coloration choice to progress bar for gradient impact - Added choice to set customized picture dimension for customized loading picture - Added choice to make use of theme font for loading sentence (+ choice to alter the font dimension) - Added choice to unload GoogleFont for instances the place loading sentence will not be used or when a theme font is used as an alternative - Added further loading display animation choices (slide-out, scaling, pace). See demo web site instance #3 for one potential final result. - The loading/progress bar can now optionally be disabled for contact gadgets - Expanded upon post-load content material animation prospects. Now you can: ----- apply customized scaling to content material ----- apply customized opacity to content material - Added further content material slide-in animation choice: it's now potential to focus on particular components solely (submit title and content material for instance). - Expanded upon content material slide-in animation choices --- It's now potential to customise slide-in pace, distance in addition to route (from prime or backside) --- Slide-in animation is now a lot smoother on contact gadgets --- The slide-in choices at the moment are positioned in their very own part - Added progress bar --- Customise bar thickness --- Customise bar and bar background colours --- Customise placement (prime or backside of display) --- Optionally disable --- Optionally disable all different components and show the progress bar solely - Expanded upon the shut perform: --- Set customized timing for shut perform look --- Enter customized textual content for shut perform --- Shut perform textual content coloration now custom-made individually from loading textual content - Moved all customization settings to the WordPress real-time customizer - Added alternate animation model which scales the loading icon/picture upon load completion - Added choice to set customized load delay - A background picture can now be added to the loading display (as both a sample or full-size) - Added choice to alter background picture opacity - Added non-obligatory animated dots underneath loading textual content (very helpful in case you are for instance displaying a static emblem because the loading picture however would nonetheless prefer to convey progress to the customer) - Coloration of animated dots might be modified - Modified loading textual content font to a extra impartial one - Added fade-in/out animation choice (helpful in the event you use a emblem picture because the loading indicator for instance) - Added choice to exchange loading icon with a picture - Added choice to point out loading display on entrance web page solely - Added new characteristic: a detailed button will now seem after 7 seconds, permitting customers to get previous the loading display if for instance a third-party embed takes too lengthy to load - Fastened state of affairs the place the loading icon would nonetheless get proven when PageLoader was hidden per submit/web page; each the background and icon at the moment are hidden correctly when stated choice is chosen. - Customized loading textual content can now be added under the icon - Added choice to alter background opacity - Icon spin animation can now be disabled - Added choice to point out PageLoader on cellular gadgets solely (nice if you wish to add app-like web page transitions to your cellular web site) - Added choice to disable the web page slide-in animation - the plugin now comes with a settings web page that permits customers to: --- decide from a choice of icons --- change the icon dimension --- change the icon animation route --- change the icon animation pace - the PageLoader loading display can now be disabled for particular posts/pages
