Skip to content

Customize your WordPress site's preloader with multiple CSS preloaders and flexible background options, including colors, gradients, or images, with adjustable foreground colors for some loaders.

License

Notifications You must be signed in to change notification settings

vishwas-r/preloadx-custom-preloader

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

30 Commits
 
 
 
 
 
 
 
 

Repository files navigation

PreloadX - Custom Preloader

WordPress Plugin Version WordPress Tested Up To WordPress Plugin Rating WordPress Plugin Downloads License: GPL v3

Customize your WordPress site's preloader with multiple CSS preloaders and flexible background options, including colors, gradients, or images, with adjustable foreground colors for some loaders.


Enhance your WordPress site with a fully customizable preloader.

PreloadX allows you to seamlessly add a preloader to your site with multiple CSS-based preloader styles to choose from. Customize the preloader to fit your site’s design by adjusting the background color, gradient, or even uploading a custom image. For some preloader styles, you can also adjust the foreground color, though some loaders use multiple colors for visual effects and do not support this customization.

Key Features:

  • Multiple CSS preloaders to choose from
  • Customizable foreground color for some preloaders
  • Background color, gradient, or image options for full customization
  • Fully responsive and works across all devices
  • Easy-to-use settings page for quick configuration
  • Lightweight and optimized for performance
  • Compatible with any WordPress theme

Installation

Automatic Installation

Automatic installation is the easiest option — WordPress will handle the file transfer, and you won’t need to leave your web browser.

To do an automatic install of PreloadX - Custom Preloader, follow these steps:

  1. Log in to your WordPress dashboard.
  2. Navigate to the Plugins menu and click Add New.
  3. In the search field, type PreloadX - Custom Preloader, then click Search Plugins.
  4. Once you find the plugin, click Install Now. WordPress will take care of the rest.
  5. After installation, click Activate to enable the plugin.

Manual Installation

If you prefer to install manually, you can download the plugin and upload it to your server via FTP.

Follow these steps for manual installation:

  1. Download the PreloadX - Custom Preloader plugin zip file from the WordPress repository.
  2. Using your preferred FTP application, upload the plugin folder to your WordPress site’s /wp-content/plugins/ directory.
  3. Once uploaded, go to your WordPress dashboard, navigate to Plugins > Installed Plugins.
  4. Find PreloadX - Custom Preloader in the list and click Activate.

For more detailed instructions on manual plugin installation, refer to the WordPress Codex on Plugin Installation.

Add a stylish, seamless preloading experience to your WordPress site with PreloadX, and keep your visitors engaged during page load times!

Screenshots

Bouncing Bubbles

Bouncing Bubbles

Hourglass

Hourglass

Loading Text

Loading Text

Spinner

EKG Waves

Scaling Bubble Colors

Scaling Bubble Colors

Square Loader

Square

Rounded Loader

Square

Wavy Colors

Wavy Colors

Clock

Clock

FAQs

How do I customize the preloader?

Navigate to PreloadX Settings → Select desired preloader and adjust the styles as needed & click 'Save Changes'.

Can I customize the preloader’s colors?

You can customize the background color of your preloader, and for some loaders, you can also adjust the foreground color. However, for certain preloader styles that use multiple colors to create visual effects, the foreground color customization is not available.

Can I set a gradient or image for the background?

Yes! In addition to solid colors, you can customize the background with either a gradient or an image, giving you more flexibility to match your site’s design.

Do I need to know any coding to use this plugin?

No coding is required! PreloadX is designed to be user-friendly, with an easy-to-use settings page where you can customize the preloader without needing to write any code.

About

Customize your WordPress site's preloader with multiple CSS preloaders and flexible background options, including colors, gradients, or images, with adjustable foreground colors for some loaders.

Topics

Resources

License

Stars

Watchers

Forks