Product type: Wordpress Plugin
Loading Page
Installation
To install Loading Page, follow these steps:
- Download the zipped plugin.
- Go to the Plugins section on your WordPress dashboard.
- Click on Add New.
- Click on the Upload link.
- Browse and locate the zipped plugin that you have just downloaded.
- Once installed, activate the plugin by clicking on Activate.
Using Loading Page
To use Loading Page on your website, simply activate the plugin. If you wish to modify any of the default options, go to the plugin's Settings. They can be found either by going to Settings > Loading Page on your WordPress dashboard, or by going to Plugins; a link to Settings can be found in the plugin description.
The Loading Page setup is divided in two sections: the first one is dedicated to the activation and setup of the loading screen, and the second to the delayed loading of the images that are not shown immediately ( images that require on-page scrolling in order to be seen).
Loading Screen Setup
The setup options for the loading screen are:
Enable loading screen: activates pre-loading of images and displays a loading screen.
Display the loading screen: display the loading screen always, only once per session, only once per page.
Display the loading screen on: display the loading screen with all screens sizes, or if the screens sizes satisfy the conditions.
Display loading screen only in: displays a loading screen only on homepage, all pages, or specific pages or posts. In the last case the IDs of pages or posts should be separated by comma symbol ","
Devices: Allows selecting the devices where to show the loading screens (Desktop, Mobile, or Both).
Exclude the loading screen from: excludes the loading screen from pages or posts whose IDs are entered separated by comma symbol ","
Exclude the loading screen from post types: excludes the loading screen from items whose post types are entered through this attribute, separated by comma symbols ","
Exclude loading screen from pages with the URL: excludes the loading screen from pages whose URLs match with the patterns in this attribute. Enter an URL patter per row. Furthermore it is possible to use the * symbol as wildcard. For example, to exclude the loading screen from every WooCommerce product, the URL pattern could be: product/*
Select the loading screen: allows to choose a loading screen.
Select background color: allows to select the background color for your loading screen.
Select an image as background: allows to select an image to display as background of loading screen. The image can be displayed tiled or centered
Select foreground color: Allows to select the color of the graphics and texts that display the loading progress information.
Additional seconds: Allows to add seconds before remove the loading screen at the end of the load process.
Include an ad, or your own block of code: Allows to add ads, or other block of code, to the loading screen.
Apply the effect on page: Allows to select an animation to display the page's content after complete the loading process.
Display loading percent: Shows the percentage of loading.
Troubleshoot Area - Loading Screen: allows disabling/enabling the search in deep.
And force hiding the website's background.
Lazy Loading Setup
The options to set up Lazy Loading are:
Enable lazy loading: Enables the delayed loading of images.
Select the image to load by default: Choose an image to be shown as a placeholder of the actual images, the loading of which will be delayed.
Troubleshoot Area - Lazy Loading: allows entering some texts to exclude the images tags with the entered texts in the classes or attributes.
The plugin check if exists the global function "afterCompleteLoadingScreen", and calls it after the loading screen reach the 100%.